layui 或者layer 失效问题

引入layui 或者layer 前一定要先引入JQ

转载于:https://my.oschina.net/guozhouyuan/blog/3084494

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
layuilayer模块中的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、付费专栏及课程。

余额充值