关于layer 弹窗的问题,不知道是我的使用方式不对,还是layer的bug

提问 未结
7 788
被床封印的我
悬赏:5飞吻
快速点击按钮之后会出现点击事件不能用....
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>layer弹层 - layui</title>
<link rel="stylesheet" href="../src/css/layui.css">
</head>
<body>
<button id ="btn" class="layui-btn demo">测试 layer-div</button>
<script src="../src/layui.js"></script>
<script>
layui.use('layer', function(){
var $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句

$('#btn').on('click', function(){
layer.open({
type: 1
,content: $("#showdiv")
,area: ['375px', '500px']
,maxmin: true
,shadeClose: true
})
});
});
</script>
</body>
<div id="showdiv" style="display: none;">
showdiv
</div>
</html>
回帖
  • Tim Tou
    2017-1-6
    //主动加载jquery模块
    layui.use(['jquery', 'layer'], function(){
    var $ = layui.jquery //重点处
    ,layer = layui.layer;

    //后面就跟你平时使用jQuery一样
    $('body').append('hello jquery');
    });

    //如果内置的组件本身是依赖jquery,你无需去use jquery,所以上面的写法其实可以是:
    layui.use('layer', function(){
    var $ = layui.jquery //由于layer弹层依赖jQuery,所以可以直接得到
    ,layer = layui.layer;

    //……
    });
    0 回复
  • @TimTou 大哥 你这回答的好像和我问的没啥关系?
    0 回复
  • 点击事件里面第一句话估计就是注销掉按钮的onclick事件 等事件执行完成后再绑定onclick事件
    0 回复
  • @坑丶怪我咯 你运行例子看过效果没有? 我测试了一下只有content 通过$("#*")绑定弹出的时候有这个问题,其他时候都没有
    0 回复
  • 0 回复
  • 还是没有人知道吗
    0 回复
  • 不能用只可能是你button的click事件里面有错误 然后他执行不下去了
    0 回复