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前缀,是全局变量的声明方式。

 

好,完成。

 

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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM