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

未结贴
7 464
快速点击按钮之后会出现点击事件不能用....
<!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>
空闲广告位,联系:xianxin@layui.com
  • 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 开发的后台管理模板 2678
三层导航怎么做? 627
「源码市场」 正式版本上线 基于layui开发 562
2.0啥时候出啊,新项目要启动了 500
给2.0一些期待 435
麻烦朋友们投个票呗,FLY社区模板+thinkphp5驱动+个人DIY 371
layui整合datatable了么 311
ajax修改资料成功后 怎么进行初始化 页面刷新还是调用登录时的缓存 270
form.render('select') 更新渲染问题 238
select 动态操作不起作用,求助 199
近期热议
完全基于 layui 开发的后台管理模板 35
layui富文本编辑器图片上传无法回显 15
表单校验无效,找了好长时间找不到原因,求大神看下 14
select 动态操作不起作用,求助 10
ajax修改资料成功后 怎么进行初始化 页面刷新还是调用登录时的缓存 10
这个社区的完整源码能不能共享 10
给2.0一些期待 9
如何给弹出层传参数? 8
文本编辑器出不来 8
laytpl不解析 8