layui弹出层按钮点击导致弹出层自动关闭的问题

最新推荐文章于 2021-10-23 15:58:46 发布
最新推荐文章于 2021-10-23 15:58:46 发布
阅读量4.1k 收藏 4
点赞数 5
分类专栏： layui 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36635569/article/details/106748254
版权

如下图所示，弹出层中有三个按钮，点击第一个按钮，弹出层不会手动关闭，但是点击之后的按钮，弹出层直接自动关闭了。

但是我现在只想要点击取消时才关闭，在官网看了一下，没有找到这方面的说明，于是我开始自己尝试，终于发现如下解决办法：

是否关闭弹出层，和按钮绑定的回调函数的返回值有关，无返回值或者返回值不为false，弹出层会自动关闭，只有返回false时，弹出层不会自动关闭。

因此只需要在按钮回调函数加上

return false

即可

不恋水的雨
关注
专栏目录
layui 弹出层回调获取弹出层数据的例子
10-16
今天小编就为大家分享一篇layui 弹出层回调获取弹出层数据的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
关于layui 弹出层一闪而过就消失的解决方法
10-16
今天小编就为大家分享一篇关于layui 弹出层一闪而过就消失的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui弹出层打开后马上关闭问题解决
weixin_42705499的博客
10-23 809
layui弹出层打开后马上关闭问题 问题描述： 在使用layui弹出层的时候遇到了，打开之后马上关闭只剩下一个遮罩层的问题，一开始以为代码写错了，找半天也找不到问题。抱歉此处没有截图 原因： 我的button上绑定了一个打开弹出层的click事件，当button上的click事件被重复绑定之后，比如绑定了两个click事件，这样点击之后就会打开两个相同弹出层，但是打开之后会马上关闭，就只剩下两个遮罩层了，所以看到的就是灰蒙蒙一片，啥也点不了，在f12的elements里可以看到html上其实是有两个遮罩层的
layui 使用layer弹出的form，form中的按钮关闭layer的问题
qq_39162838的博客
07-08 3329
页面效果如下： 点击上传按钮的时候，这个layer会自动关闭 在layui社区找到答案 form中添加button按钮，默认是submit类型，会自动提交表单的。 解决办法下面任选其一就行 1、可以用a标签替换button标签，class一样就可以了，这样就不会自动提交了 2、设置类型 type="button" ...
layui点击弹出层中按钮，关闭弹出层
a5252145的博客
07-12 7610
layui点击弹出层中按钮，关闭弹出层 原理：点击自己定义的button时，触发弹出层右上角取消按钮。 <button type="button" lay-submit="" class="layui-btn" onclick="save()">保存</button> function save() { $(".layui-layer-close1").trigger(...
使用layui框架弹出层内部为另一个页面，如何使用弹出框内页面按钮关闭弹出层。
qq_40422692的博客
07-21 2135
1.首先我们来看父页面的主要内容（因为本身的buttun控件有问题，所以这里用a标签添加样式来代替了buttun控件） <form id="form1" runat="server"> <div> <a id="clickme_open" onclick = "ClickMe_open()">点击我，弹出新窗口</a> </div> </form> <script>
layer弹出层闪退
qq_41818857的博客
03-26 581
layui的弹出层插件出现的问题： 1、弹窗打开事件还未绑定到任何按钮，但点击form表单中的按钮可以打开定义的弹出层 2、绑定弹出层到按钮，打开弹窗闪退 后面发现原因：在form表单中使用了Button按钮，点击的时候会触发默认事件，而form的action没填，所以弹出层闪退。 解决办法： 方法一：将button标签换成其他的，如span就不会出现闪退问题了。 方法二：给button指明类型:...
layui弹出层按钮提交iframe表单的方法
01-19
id: 'LAY_layuipro', //设定一个id，防止重复弹出 type: 2, title:'添加人员信息', area: ['600px','340px'], btn: ['保存','关闭'], yes: function(index, layero){ var inputForm = $(window.frames[layui-...
layui 弹出层值回传解决方式
10-16
首先，我们来看一下layui弹出层的基本结构。通过`layer.open()`函数可以创建弹出层，参数包括类型（type）、标题（title）、是否可关闭（shadeClose）、遮罩透明度（shade）、弹出层宽高（area）以及内容（content）...
在layui中layer弹出层点击事件无效的解决方法
10-16
在使用layui库与layer弹窗插件进行网页开发时，可能会遇到一个问题，即在layer弹出层中的点击事件无法正常工作。这个问题通常是由于事件绑定的方式不正确导致的。本文将详细解析这个问题的原因，并提供解决方案。 ...
layui-弹出层中关闭自身层窗口
taogunet的博客
02-24 996
目的：单击地图标注点，ajsx查询无数据弹出无数据并关闭当前弹出层 重点：js用到layer.close(layer.index); //layer.index最新弹出层 marker.addEventListener('click', function () { $.ajax({ type:"post", url: "/admin/device.monitor/ind
layui-弹出层中如何关闭窗口
james_laughing的博客
05-23 1854
https://blog.csdn.net/laiyuan999/article/details/80341756 var index = layer.open(); layer.close(index); //此时你只需要把获得的index，轻轻地赋予layer.close即可
layui button 标签调用layer.open 闪退
yang__Y的博客
04-02 985
一、button 在一个通过layer.open打开的窗体中，再次调用layer.open html: <button class="layui-btn layui-btn-normal" id="btn">打开</button> js: $('#btn').on('click', function () { layer.open({ type: 2, //type:0 也行 ...
layui之open一个页面后，如何关闭弹窗后刷新主页面和当前更改项
路在路上的博客
05-15 1573
end:function () {}
layer.open 强化1
小静的专栏
02-08 565
layer.open({ content: 'test' ,btn: ['按钮一', '按钮二', '按钮三'] ,yes: function(index, layero){ //按钮【按钮一】的回调 },btn2: function(index, layero){ //按钮【按钮二】的回调 return false; },btn3: function(
layui当有两个或多个弹框时，第二个弹起，第一个就要关闭
杨葱儿
01-10 6658
//关闭弹窗的方法 &lt;script type="text/javascript"&gt; function closed(){ layer.close(abcs) } var abcs=''; function one(){ abcs =layer.open({ ... }) } function two(){ layer.open({ ... ...
layui的弹窗里面有个按钮实现关闭弹窗。但是总是在关闭时触发刷新。我不想刷新啊
肖肖肖丽珠的博客
05-08 839
如标题 我只想关闭当前的弹窗并不想刷新页面 可以这样啦 我在写取消事件的时候。 $(".cancelstustatusformsub").click(function() { layui.closeAll(); return false; }) 结果弹窗关闭以后还刷新了页面。实际上我并不想刷新页面。 下面这样写就行啦 $(".cancelstustatusformsub").click(function() { ...
layui二次弹窗并关闭原有弹窗问题
dongzhanglong的博客
11-17 3659
layui二次弹窗并关闭原有弹出问题 项目中有二次打开弹出窗口并关闭原有弹窗的需求，一开始直接在弹出层的页面里写了layui.close关闭现有弹窗和打开新layer的方法，这样做的问题在于你打开新窗口的方法写在了原有弹出层，新窗口与原窗口绑定，当你关闭原窗口时，新窗口会一并关闭。 我查找了不少资料，试了不少方法，一直不尽如人意，所有自己研究了一下，解决方案如下，希望能帮到你。 所有换个思路，在主页面定义一个函数，当需要在原窗口二次弹窗并关闭原有弹窗时，在原窗口layui.close并调用该方法。 主页面函
layui弹出层闪退
qq_40137193的博客
08-20 1110
原因：在form表单中使用了Button按钮，点击的时候会触发默认事件，而form的action没填，所以就是弹出层闪退！！ 方法一：将button标签换成其他的，就不会出现闪退问题了。 方法二：给button指明类型:type = “button”，因为在form表单中的button默认type = “submit”，改为button就没有表单的默认事件了。...
layui弹出层的按钮怎么设置右下角
最新发布
06-03
在 layui弹出层中，可以通过设置按钮的class属性来控制按钮的位置。如果需要将按钮设置在弹出层的右下角，可以将按钮的class属性设置为`layui-btn layui-btn-primary layui-btn-radius layui-btn-position layui-right layui-bottom`，其中`layui-right`和`layui-bottom`分别表示将按钮定位到弹出层的右侧和底部。 例如，以下代码可以创建一个包含“确定”和“取消”按钮的弹出层，并将按钮设置在弹出层的右下角： ```javascript layer.open({ title: '提示', content: '确定要删除吗？', btn: ['确定', '取消'], btnAlign: 'c', btn1: function(index, layero){ // 点击确定按钮的回调函数 layer.close(index); }, btn2: function(index, layero){ // 点击取消按钮的回调函数 layer.close(index); }, success: function(layero, index){ // 设置按钮的class属性 layero.find('.layui-layer-btn').addClass('layui-btn-position layui-right layui-bottom'); } }); ``` 在上面的代码中，`success`回调函数会在弹出层打开后被调用，我们在这个函数中找到包含按钮的`div`元素，并将其添加上我们设定的class属性，从而实现将按钮设置在右下角的效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值