layer.confirm点击确定关闭弹框并执行函数

最新推荐文章于 2023-10-14 14:03:48 发布
最新推荐文章于 2023-10-14 14:03:48 发布
阅读量4.4k 收藏 1
点赞数
文章标签： layui html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yyuea/article/details/112977758
版权
该博客内容展示了如何在JavaScript中使用layer弹框库进行确认操作，并在用户点击确定时执行Ajax请求。通过layer的btn1回调函数实现弹框关闭及Ajax调用，确保了用户交互与后台数据处理的流畅结合。
摘要由CSDN通过智能技术生成

layer.confirm点击确定关闭弹框并执行函数

layer.confirm('提示语',
{
	btn:["确定","取消"],
	btn1:function (index){
    layer.close(index)
    $.ajax({
	  ...........
	  })   
	 btn2: layer.close()
	})
是菜菜的小前端啊
关注
layer.confirm 确认框的“x”关不掉页面
yayayu_的博客
07-20 2096
【问题】 layer.confirm layui 的确认框，下面两个确定、取消按钮都没有问题，点 x 关不掉，一直转圈。是什么原因导致的呀？ 【解决】 cancel:function(){ //关闭； } 1、layer.open() 2、layer.confirm（） 描述下：btn:就是按钮 ； cancel:function()：右上角 x 触发的内容； 第一个function(): 第一个钮的触发内容； 第二个function(): 第二个钮的触发内容。 $.ajax layer.confirm
在layui中layer弹出层点击事件无效的解决方法
10-16
在这个例子中，`$(document).on('click', '#test', ...)`会监听整个文档，当`#test`元素被点击时，无论该元素何时生成，事件都会被正确捕获并执行相应的回调函数。 另外，需要注意的是，尽量避免在整个`document`上...
layer.confirm点击第一个按钮关闭弹出框的方法
10-16
今天小编就为大家分享一篇layer.confirm点击第一个按钮关闭弹出框的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
点击确定后，关闭layer.confirm的弹框
csdnxyy的博客
03-01 8398
function doBack() { if(num > 0){ parent.parent.parent.layer.confirm("确认取消该数据的新增吗？", function (index) { parent.parent.parent.layer.close(index); parent.layer.clo...
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 询问层自动关闭
Bel_Ami_n的博客
10-18 6450
询问层自动关闭 前提引入layer插件 function sub(){ layer.confirm('确定提交？', { time: 0, //不自动关闭 btn: ['确定', '取消'], yes: function(index){ $("#form2").submit(); layer.close(index); } }); } ...
【day17】layer.confirm确认取消的事件处理
m0_46953020的博客
04-14 353
layer.confirm("提示信息",{ btn: ['按钮1', '按钮2'] }, function () { // 按钮1的事件 }, function(){ // 按钮2的事件 }); 项目实例 layer.confirm("获取当前登陆人-失败，请清理缓存后重新进入", { btn: ['确认', '取消'] //['按钮1', '按钮2'] }, function () { // 按钮1的事件 .
layer.confirm
08-23
当用户点击确认按钮时，会执行回调函数。你可以在回调函数中添加自定义的逻辑代码来处理确认操作。 Layer UI是一个基于jQuery的弹出层组件，它提供了创建各种弹出窗口、对话框和提示框的功能。layer.confirm就是其中...
解决layer弹出层的内容页点击按钮跳转到新的页面问题
10-16
回调函数是被作为参数传递到另一个函数中，并在另一个函数执行完毕后被调用的函数。在AJAX调用中，`success`和`error`参数即为回调函数，它们分别在请求成功和请求失败时被调用。 ### 知识点6：CSS尺寸单位 在设置...
关于layui的confirm的对应的函数无法执行的问题
h_j_c_123的博客
06-10 2061
今天在做东西的时候用到layer的confirm，遇到一个问题就是confirm的对应的函数无法执行。 一开始我只是拷贝了一下官网的写法，代码如下： layer.confirm('需要删除文件吗?', function (index) { // obj.del(); var id = data.id; // 请求删除 在确定时 alert("执行函数...
layui中layer.confirm异步执行，自动消失的问题【炎黄平台】
麦心小姐的博客
04-16 3412
今天在开发中遇到 炎黄平台点击【办理】按钮后，layer.confirm弹出来后，没有让用户点击确定或取消按钮，confirm弹框就自动消失的问题。 究其原因，是因为layer.confirm是异步UI，编译器自动先执行其后的代码去了。 下面代码可以将异步改成同步UI layer.confirm('是否执行下一步？', { btn: ['是', '否'], ...
Layui的layer.confirm弹框用法，很详细
热门推荐
kt1776133839的博客
03-11 1万+
就将标题改为“操作提示”，效果是这样的layer.confirm('纳尼？', {title: "操作提示",btn: ['按钮一', '按钮二', '按钮三'] //可以无限个按钮//按钮【按钮三】的回调//按钮【按钮一】的回调//按钮【按钮二】的回调});可以通过“btnAlign”参数定义弹框按钮的位置，“btnAlign”参数值有：l（左对齐）、c（居中对齐）、r （右对齐）,默认是r（右对齐），为了演示明显，这里只用一个按钮演示。
layui弹窗点击确定后再执行下一步
Cat_jie的博客
12-06 3712
layui弹窗点击确定后再执行下一步
layer.confirm点击第一个按钮关闭弹出框
huangbaokang的博客
09-25 1438
将第一个按钮的回调函数传一个index，然后使用layer.close(“index”)就可以点击第一个按钮的时候关闭弹出框了 layer.confirm(content,{btn:btn, btn1:function(index){ console.log("点击了我知道了"); var id = res.data[0].id; console.log("id...
layer.confirm()如何使用？
写写代码
05-02 6138
layer.confirm()是Layer中的一个方法，用于弹出一个确认框，让用户进行确认操作。常用于删除或其他重要操作的确认提示。其中，确认框的回调函数参数为index，可以通过调用layer.close(index)方法来手动关闭确认框。在例子中，第二个参数的回调函数表示用户点击了确认按钮，第三个参数的回调函数表示用户点击了取消按钮。调用 layer.confirm() 方法，传入需要显示的提示内容和配置项即可。首先需要引用Layer的js和css文件，与layer.msg()使用方法一样。
layerconfirm确认框的使用
小草的博客
06-06 1万+
$('#id-act-cancel').click(function() { layer.confirm('确定要作废该合同？', { btn : ['确定', '取消'] // 按钮 }, function() { var arrItemId = []; $("tbody :check...
layer 弹窗,enter 、esc 按键监听确定、取消事件
男神的专栏
10-14 1024
最近做新项目，测试提出，要给系统所有的弹窗设置enter 按键的确定绑定。由于之前做项目的时候没有考虑这方面， 所以页面模块有很多弹窗，心想着这也不能一个个的增加监听事件啊，而且弹窗的类型还都不一样，所以就想着有没有类似公共方法的调用的方式。其中，把 layer 的方法success 和 end，定义在公共文件中的一个叫enterEsc_event 的对象里面。链接：https://www.jianshu.com/p/7048865e43ce。环境二是考虑到你可能要对这个弹窗写其他的一些属性和方法的情况。
layer弹窗二次确认(ajax请求)
纳川的博客
07-30 3549
注意:需要引入jquery.js $(function (){ layer.config({ path : 'js/layer.js' }); }) layer.css .layui-layer-imgbar,.layui-layer-imgtit a,.layui-layer-tab .layui-layer-title span,.la...
layer.confirm和frameset衝突，如何讓layer.confirm像confirm一樣顯示
最新发布
08-16
Layer.js是一个常用的JavaScript插件，它提供了一种方便的方式来显示弹窗或确认对话框。当你遇到`layer.confirm` 和 `frameset` 冲突的情况，通常是因为frameset页面结构下，层叠窗口的定位可能会受到影响，导致预期的行为未按预期执行。 为了解决这个问题，你可以采取以下步骤让`layer.confirm`更像浏览器原生的`window.confirm`一样显示： 1. **避免直接在frameset内部使用**：尽量将弹窗操作放在顶层框架或者在非frameset区域的代码里，这样可以减少与frameset元素的交互冲突。 2. **修改CSS样式**：如果需要在frameset内显示，尝试调整层叠对话框的CSS属性，比如设置其`z-index`高于frameset元素，使其浮于内容之上。 3. **动态插入层**：如果确实需要在frameset中显示，可以在frameset之外创建一个新的Iframe或者Div，并将`layer.confirm`的结果绑定到这个新容器上，然后通过JavaScript控制其显示和隐藏。 4. **事件代理**：由于frameset限制了父子元素间的直接通信，你可以使用事件代理技术，监听父级元素的事件并在其中处理`layer.confirm`的回调。 ```javascript document.getElementById('parentFrame').addEventListener('click', function(event) { if (event.target.tagName === 'A') { // 检查点击目标是否为链接 layer.confirm('确认操作', { btn: ['确定', '取消'], callback: function(index) { // 这里处理点击后的业务逻辑 } }); } }); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值