• 技术文章 >web前端 >Layui教程

    采用layui的美化时保留select里面的change事件

    尚2019-11-25 15:28:53转载1636

    很多小伙伴遇到美化了之后里面的change事件不触发了这个问题,以前的建议就是既然使用layui的组件,就充分利用他,他对应的也提供了表单的select事件,但是如果这些节点以前就存在了后来用了layui岂不是都要去把对应的事件搬过来。

    推荐:layui使用教程

    有没有一个什么方式既可以用美化,又保留事件的,这个答案是肯定的,而且可能方式有很多种,这里提供一种我觉得算是最简洁方便的改法提供参考。

    效果图:

    1.gif

    可能看图看不出啥玩意,看关键代码吧,图里面的弹出信息实际上是绑定在select的事件弹出来的

    1.jpg2.jpg

    关键的处理

    3.jpg

    测试代码: https://pan.baidu.com/s/1aZj6MnfL5w4FNFryprPqxw

    然后如果有小伙伴发现改了之后没有加lay-filter的节点选择之后会触发两次原来绑定的事件,这个也请移步到我刚才提到的那个帖子里面有介绍,这个应该是layui本身存在的一个bug。我的最新修改如下。

    4.jpg

    被注释的两行是原来的代码,换成下面的一行,修改了对会不会有不良影响?这个可以放心,不会有任何不良的影响。

    以上就是采用layui的美化时保留select里面的change事件的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:fly社区,如有侵犯,请联系admin@php.cn删除
    专题推荐:layui
    上一篇:数据表格自动分配列宽的一种实现方法 下一篇:基于layui的步骤条面板(附代码)
    大前端线上培训班

    相关文章推荐

    • 让layui table固定列也能监听滚动的方法介绍• 解决layUI导出到Excel时身份证号码、银行卡号显示不正确问题• 让layui支持es5写法的方法介绍

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网