zoukankan      html  css  js  c++  java
  • 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>
    
    
    
    
  • 相关阅读:
    学习视频收集
    vscode 编译器插件
    vue2.0父子组件之间传值
    js 案例
    插件
    【转】30分钟掌握 C#6
    【初码干货】关于.NET玩爬虫这些事
    上机作业七 系统进程与计划任务管理
    客户端与服务器双向密钥对验证
    DHCP中继配置
  • 原文地址:https://www.cnblogs.com/zkx4213/p/14605668.html
Copyright © 2011-2022 走看看