layui怎么绑定普通事件监听


本文摘自PHP中文网,作者V,侵删。

绑定普通事件的方法:

html页面给你想要绑定的地方加上id或class属性,下面我以id举例

1

<a class="iconfont icon-touxiang layui-hide-xs" id="zq_login"></a>

js代码

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

$(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

阅读剩余部分

相关阅读 >>

layui前端框架弹出form表单以及提交的方法

浅谈layui前端遇到的难点(集合)

layui怎么绑定普通事件监听

使用layui框架封装ajax模块的具体步骤

layui图片如何放大

layui.layer独立组件详解

layui表格支持自适应吗

layui如何得到select值

layui表单元素怎么校验

layui如何对表单标签进行校验

更多相关阅读请进入《layui》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...