首页 > 其他 > 详细

layui 事件监听

时间:2021-04-01 13:58:09      阅读:30      评论:0      收藏:0      [点我收藏+]
<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>

 


layui 事件监听

原文:https://www.cnblogs.com/zkx4213/p/14605668.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!