layui 自定义个别事件

最新推荐文章于 2023-03-15 14:52:11 发布

weixin_30314631

最新推荐文章于 2023-03-15 14:52:11 发布

阅读量835

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zhangxj/p/11258862.html

版权

网页调用自定义函数的两种方法，一种是给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" οnclick="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前缀，是全局变量的声明方式。

好，完成。

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

转载于:https://www.cnblogs.com/zhangxj/p/11258862.html

weixin_30314631

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
layui 自定义个别事件

网页调用自定义函数的两种方法，一种是给id，可以在自定义函数里通过id写自定义函数，另一种是没有id，直接在标签写自调用定义函数的方法。一、引入支持首先在<head>标签内引入layui的样式：<link rel="stylesheet" href="/static/.../css/layui.css" media="all">在<body...
复制链接

扫一扫