1. 程式人生 > >layui 繫結事件監聽

layui 繫結事件監聽

溫馨小提示:如果是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
            });*/
        });

    });

});