layui 繫結事件監聽
阿新 • • 發佈:2019-01-03
溫馨小提示:如果是form表單的繫結事件監聽,可參考官網文件:https://www.layui.com/doc/modules/form.html#on
下面是繫結普通事件
①html頁面給你想要繫結的地方加上id或class屬性,下面我以id舉例
<a class="iconfont icon-touxiang layui-hide-xs" id="zq_login"></a>
②js部分
$(function () { layui.use('layer', function(){ var $ = layui.jquery ,layer = layui.layer //彈層 //彈出登入頁面 $(document).on('click','#zq_login',function(){ alert("這裡寫自己的功能..."); /*layer.open({ //layer提供了5種層型別。可傳入的值有:0(資訊框,預設)1(頁面層)2(iframe層)3(載入層)4(tips層) type: 2, title:"登入頁面", area: ['55%','85%'],//型別:String/Array,預設:'auto' 只有在寬高都定義的時候才不會自適應 fix: false, //不固定 maxmin: true,//開啟最大化最小化按鈕 shadeClose: true,//點選陰影處可關閉 shade:0.4,//背景灰度 skin: 'layui-layer-rim', //加上邊框 content: '/zq_blog/html/login_page/index.html', // resize:false });*/ }); }); });