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