layer.confirm点击第一个按钮关闭弹出框

最新推荐文章于 2022-04-26 14:36:01 发布
最新推荐文章于 2022-04-26 14:36:01 发布
阅读量6.4k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 插件使用 文章标签： layer layer.confirm layer插件 layer中的坑
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_40752643/article/details/83661068
本文分享了两种有效解决layer.confirm弹出框点击按钮后不关闭的问题的方法。第一种是在按钮回调函数中传入index参数并使用layer.close(index)关闭弹窗；第二种是直接在回调函数中调用layer.closeAll('dialog')来关闭所有对话框。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

layer.confirm弹出框，当你点击第一个按钮的时候，这个弹出层不会关闭，也是给一些小伙伴带来了一些困扰，下面分享两个解决方案：

①可以将第一个按钮的回调函数传一个index，然后使用layer.close("index")就可以点击第一个按钮的时候关闭弹出框了，代码如下：

②第二种方法就非常的粗暴了，你可以直接在这个回调函数中写：

layer.closeAll('dialog');

也能实现点击第一个按钮的时候关闭弹出框

layer.confirm点击第一个按钮关闭弹出框的方法
10-16
今天小编就为大家分享一篇layer.confirm点击第一个按钮关闭弹出框的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layer.confirm关闭弹窗。
热门推荐
三木君的博客
06-27 5万+
 https://www.cnblogs.com/ssh-html/articles/6698298.html 这个参考。 关闭新弹出框可以 layer.confirm('确定要批准全部数据吗？', { btn: ['确定', '取消'] }, function () { $.ajax({ type: 'POST', url...
layer.confirm确认取消的事件处理以及常用操作
见证自己学习,成长的记录
07-08 1万+
基本语法 layer.confirm("提示信息",{ btn: ['按钮1', '按钮2'] }, function () { // 按钮1的事件 }, function(){ // 按钮2的事件 }); 点击第一个按钮不起作用? layer.confirm("提示信息",{ btn: ['确认', '取消'] }, function (index) { // 按钮1的事件 layer.close(index); }, function(){ // 按钮2的事件
解决layer.confirm选择完之后消息框不消失的问题
10-16
开发者在使用Layer框架的confirm方法创建提示信息框时，可能会遇到一个问题，即在用户作出选择（如点击确定或取消按钮）后，提示框没有按照预期消失，导致后续的页面内容或提示信息显示在了消息框之后。这个问题会...
layer提示框添加多个按钮选择的实例
12-10
// 第一个按钮（在线预览）的回调函数 // 关闭提示框 layer.close(index); }, function() { // 第二个按钮（下载）的回调函数 // 关闭提示框 layer.close(index); }, function() { // 第三个按钮（关闭）的...
浅谈layer弹出层按钮颜色修改方法
12-09
layer弹出层有多种格式的弹出，使用方法也不细述。...layer中确认按钮在第一个位置，展示也是按顺序展示 如果和自己项目中的风格不一致，需要把确认按钮和取消按钮互换，如果只是简单的把文字互换了，但是按钮的颜色
点击确定后，关闭layer.confirm的弹框
csdnxyy的博客
03-01 8496
function doBack() { if(num > 0){ parent.parent.parent.layer.confirm("确认取消该数据的新增吗？", function (index) { parent.parent.parent.layer.close(index); parent.layer.clo...
layer.confirm 右上角关闭事件回调
aku13的专栏
04-26 7393
layer.confirm 右上角关闭事件回调
layer.confirm取消按钮绑定事件的方法
12-09
也可以通过 btn: [‘确定’,’取消’，’按钮三‘]，来修改和增加按钮。 // layer.confirm(content, options, yes, cancel) layer.confirm('is not?', {icon: 3, title:'提示',yes: function(index){ //do something layer.close(index); }, cancel: function(index, layero){ layer.close(index); reload();// 可以在这里刷新窗口 } }); 以上这篇layer.confirm取消
layer关闭当前窗口页面以及确认取消按钮
九亿宅男的梦的博客
01-10 1万+
function demo() { layer.confirm('您是如何看待前端开发？', { btn: ['重要','奇葩'] //按钮 }, function(){ var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index);//...
layer.confirm
weixin_30463341的博客
08-24 106
layer.confirm('确定不选择花车?', { title: false, btn: ['确定','取消'] //按钮 }, function(ind){ layer.close(ind); pagegoto('AddVehicle','AddVehicle',d...
layer的confirm
weixin_33795743的博客
01-11 958
layer是一个web弹层组件，以前没有用过，我们部门的前端工作人员用过以后才知道有这么一个东西，然后开始接触，而且这个东西现在还是很火的。 今天是因为用户提到一个需求，需要加弹层，所以才想到了用layer来实现，layer有个confirm是可以帮助实现这个需求的，粘一下代码吧： 这里加top是因为我这里本来就是一个弹层，后边这个confirm会被覆盖，查了资料发现需要加上top，而且加...
layer confirm等事件X关闭监听
ardo_pass的博客
01-17 2万+
layer.confirm('是否提示？', { btn: ['是','否'] //按钮 ,cancel: function(index, layero){ //取消操作，点击右上角的X } }, function(){ //是 }, function(){ //否 });layer.open({ type: 2, title: '结果',
layer.confirm点击确定关闭弹框并执行函数
记录技术的小本本
01-22 4683
layer.confirm点击确定关闭弹框并执行函数 layer.confirm('提示语', { btn:["确定","取消"], btn1:function (index){ layer.close(index) $.ajax({ ........... }) btn2: layer.close() }) ...
layui弹出层（确定、取消）
Resurrected_Eagle的博客
09-10 4149
判断是否为空，不为空就弹出确定、取消的弹出层 function doSubmitForm() { var gjc = document.getElementById("gjc").value; var yzdm = document.getElementById("yzdm").value; if (gjc.trim() == "") { //空值校验弹提示窗 layer.msg('请填写检测词组',{ .
layer confirm的使用
qq_39822451的博客
08-22 1774
//layer confirm的使用 function submitXX(i, id) { layer.confirm('xxx已变更，是否保存？', { //取消操作 cancel: function() { //列表数据重新加载 $("#dataGrid"+i).jqGrid().trigger("reloadGrid"); } }, function()...
layer.confirm如何给按钮加id
最新发布
10-09
`layer.confirm` 是 layui 模块中用于弹出确认框的功能，它返回的是一个回调函数，通常用于处理用户点击操作。如果你想给确认框内的按钮添加 id，你需要在创建 confirm 对象时自定义配置项 `btns`。 例如： ```javascript let confirmId = 'myConfirmBtn'; // 定义你要设置 id 的按钮名 layer.confirm('这是一个确认提示', { btns: [ { // 第一个按钮，可以设置 id id: confirmId, content: '确定', }, { // 其他按钮，如果需要 content: '取消' } ], yes: function(index) { console.log('您点击了 ' + confirmId); }, no: function(index) { console.log('操作已取消'); } }); ``` 在这个例子中，当用户点击 "确定" 按钮时，会打印出指定的 button id。记得 `btns` 数组里的每个键值对对应一个按钮，你可以根据需求调整。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值