• layui 事件监听


    <div class="layui-btn-group demoTable" style="float: right;">
      <button class="layui-btn layui-btn-sm" data-type="test1" style="margin-right: 0px; margin-bottom: 0px;"><i class="layui-icon">&#xe654;</i>测试1</button>
      <button class="layui-btn layui-btn-sm" data-type="test2" style="margin-right: 0px; margin-bottom: 0px;"><i class="layui-icon">&#xe654;</i>测试2</button>
      <button type="submit" class="layui-btn layui-btn-sm" id="test3" lay-submit lay-filter="test3">测试3</button>
      <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="test4">测试4</button>
    </div>

    <script>
    layui.use(['upload','form','laydate','table','layer'], function () {
      
      var active = {
      test1: function(){
      layer.alert(1);
      }
      ,test2: function(){
      layer.alert(2);
      }
      };

      $('.demoTable .layui-btn').on('click', function(){
      var type = $(this).data('type');
      active[type] ? active[type].call(this) : '';
      });

      form.on('submit(test3)', function (data) {
        layer.alert(3)
      });
    }
    </script>
    
    
    
    
  • 相关阅读:
    shell script数组使用函数输出
    Yii2文件上传
    ubuntu 安装遇到黑屏
    使用函数
    ionCube 安装
    记录LNMP环境彻底删除绑定域名及网站文件夹/文件的过程
    lnmp环境 开启pathinfo
    国外知名设计教程网址收集
    26个国外在线教育网站
    前端学习网站汇总
  • 原文地址:https://www.cnblogs.com/zkx4213/p/14605668.html
Copyright © 2020-2023  润新知