layer.cofion失效事件

在用button标签做按钮时有时会导致layer。config事件无法生效。只要去掉button标签外围的from标签即可

转载于:https://www.cnblogs.com/zhouchunDIY/p/7744021.html

layui的layer模块layer.open方法是一个用于弹出对话框的功能,它支持丰富的配置选项和自定义事件处理。当你使用`layer.open`打开一个对话框时,你可以为特定的操作或状态变化添加自定义事件,以便在这些事件发生时执行你自己的代码逻辑。 以下是一些关键的自定义事件: 1. `load`(加载完成):当对话框内容(如HTML字符串或加载外部URL的内容)完全加载完毕时触发。 2. `show`(显示完成):当对话框从隐藏状态变为可见状态时触发。 3. `close`(关闭):当对话框被用户点击关闭按钮或通过程序调用`layer.close`关闭时触发。 4. `resize`(尺寸改变):当对话框大小发生变化时触发。 5. `dragend`(拖拽结束):当对话框拖动结束时触发。 6. `form`(表单提交):如果对话框包含表单并且被提交时触发。 要添加自定义事件,你需要在`layer.open`的配置对象指定事件名称和对应的回调函数。例如: ```javascript layer.open({ type: 1, // 1代表对话框类型 title: '自定义事件示例', content: '这是一个弹出框', btn: ['确定', '取消'], // 可选按钮数组 shadeClose: true, // 是否点击遮罩关闭 area: ['auto', 'auto'], // 指定宽高,单位是px,默认是整个浏览器窗口 events: { 'click .custom-btn': function(index, layero, elem) { // 点击特定按钮 // 这里写你的自定义操作 }, 'form.formId.submit': function(index, form) { // 表单提交 // 表单验证并处理数据 }, close: function(index, type) { // 关闭时执行 console.log('对话框被关闭'); } } }); ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值