layui如何绑定普通事件监听

这篇文章主要介绍了layui如何绑定普通事件监听，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

绑定普通事件的方法：

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
            });*/
        });
 
    });
 
});

感谢你能够认真阅读完这篇文章，希望小编分享layui如何绑定普通事件监听内容对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，遇到问题就找亿速云，详细的解决方法等着你来学习!