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

未结贴
7 160
快速点击按钮之后会出现点击事件不能用....


<!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>

热忱回答7

  • //主动加载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 回复

最近热帖

  1. 建议。layer相册,不能实时增加图片。 4099
  2. layui 社区2016年度十佳案例 1939
  3. .Net WebCMS后台管理系统 1604
  4. layui的form组件的响应数据怎么获取 1589
  5. 蓝狐宝社区,一个成长中的社区 574
  6. 贤心是一个人吗?男的还是女的。。。 391
  7. ifram 父页面的 【确定】按钮触发页面的form验证 376
  8. Layim 各平台聊天记录同步问题. 304
  9. 这是一张吐槽贴:关于Fly社区2016案例大赛第一名 287
  10. 也许这就是前端的魅力,我得说两句再睡 210
layim下载

近期热议

  1. layui能否支持 select2.的功能 27
  2. .Net WebCMS后台管理系统 26
  3. 这是一张吐槽贴:关于Fly社区2016案例大赛第一名 18
  4. 表单开关按钮放在模态框内就不显示了,怎么办,急! 15
  5. 蓝狐宝社区,一个成长中的社区 14
  6. layer如何获取 拖动后的坐标位置 offset left和to'p 13
  7. 贤心是一个人吗?男的还是女的。。。 12
  8. layui 社区2016年度十佳案例 12
  9. 【webos】号外 号外 2016年度案例奖励到手 快进来羡慕嫉妒恨啊!!! 11
  10. 关于layui树形菜单当前元素高亮的问题 10