zoukankan      html  css  js  c++  java
  • layui 自定义个别事件

    网页调用自定义函数的两种方法,一种是给id,可以在自定义函数里通过id写自定义函数,另一种是没有id,直接在标签写自调用定义函数的方法。

    一、引入支持

    首先在<head>标签内引入layui的样式:<link rel="stylesheet" href="/static/.../css/layui.css" media="all">

    在<body>标签内引入layui.js文件,获得layui的支持。<script src="/static/.../layui.js"></script>

    二、定义按钮

    在<body>标签内定义:

    <a class="layui-btn" id="noclick" herf="javascript:;">有id无click测试</a>

    <a class = "layui-btn" onclick="hello('月月加油')" herf="javascript:;">无id有click测试</a>

    三、定义自定义函数

    <script type="text/javascript">
    layui.use(["jquery","layer"],function () {
    var $ = layui.jquery, layer = layui.layer;

    window.hello = function(obj){
    layer.msg('Hello :'+obj);
    };

    $("#noclick").click(function () {
    hello('月爸必须努力');
    });
    });
    </script>

    注意:window前缀,是全局变量的声明方式。

    好,完成。

    如果有一组按钮,定义它们的事件,可以用统一监听的方式,这个在后面介绍。

  • 相关阅读:
    杂谈
    P1441 砝码称重
    P3159 [CQOI2012]交换棋子
    P5200 [USACO19JAN]Sleepy Cow Sorting
    P5201 [USACO19JAN]Shortcut
    P5196 [USACO19JAN]Cow Poetry
    20190922UVA测试
    P4014 分配问题
    P4012 深海机器人问题
    P2050 [NOI2012]美食节
  • 原文地址:https://www.cnblogs.com/zhangxj/p/11258862.html
Copyright © 2011-2022 走看看