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

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


<!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 Tim Tou VIP0
    2017-01-06 08:55:43
    //主动加载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 回复
  • 被床封印的我 被床封印的我
    2017-01-06 11:06:56
    @TimTou 大哥 你这回答的好像和我问的没啥关系?
    0 回复
  • 坑丶怪我咯 坑丶怪我咯
    2017-01-06 15:37:09
    点击事件里面第一句话估计就是注销掉按钮的onclick事件 等事件执行完成后再绑定onclick事件
    0 回复
  • 被床封印的我 被床封印的我
    2017-01-06 19:55:25
    @坑丶怪我咯 你运行例子看过效果没有? 我测试了一下只有content 通过$("#*")绑定弹出的时候有这个问题,其他时候都没有
    0 回复
  • 被床封印的我 被床封印的我
    2017-01-06 19:56:04
    0 回复
  • 被床封印的我 被床封印的我
    2017-01-09 21:09:31
    还是没有人知道吗
    0 回复
  • 坑丶怪我咯 坑丶怪我咯
    2017-01-16 11:09:48
    不能用只可能是你button的click事件里面有错误 然后他执行不下去了
    0 回复
最近热帖
layui 1.0.8 发布,一次用心的小版本升级 4871
LayIM 发布 3.0.3,增加音频消息支持及移动端联系人界面 1292
thinkphp5.0+layui个人博客源码分享,也可以做cms 1116
基于LayUI的后台管理模板BeginnerAdmin更新啦~~~~~~~~~~~~~~ 437
Layer真心好用,有了它,我作为一个phper终于有信心抛开二次开发 275
layui不好用啊,好复杂啊 252
layui 三级联动 244
有偿求助作者大大,我有一个opencart商城网站,想集成layui的问答系统 231
不得不承认,非常棒的一个富文本编辑器 189
ThinkPHP基于Layui无刷提交数据表单,亲测可用 177
layim下载
近期热议
layui 1.0.8 发布,一次用心的小版本升级 54
LayIM 发布 3.0.3,增加音频消息支持及移动端联系人界面 21
layui不好用啊,好复杂啊 13
通过ajax动态生成的新checkbox添加到table里面样式不存在了,怎么才能重新渲染? 13
基于LayUI的后台管理模板BeginnerAdmin更新啦~~~~~~~~~~~~~~ 12
layui的进度条总是无法显示 10
layer.confirm弹出之后的keydown事件 10
关于富文本框的内容清空问题 10
thinkphp5.0+layui个人博客源码分享,也可以做cms 9
请问layui的tab切换,防止页面刷新效果重置是怎么实现的? 8