layui使用之layer.load位置

项目中通常需要设置layer.load加载样式图的位置,而不是默认的绝对居中。

//offset中,第一个参数为top,第二个为left
layerIndex = layer.load(0, {shade: [0.1,'#fff'],offset:['400px','150px']});

还有人说用 $("div[type='dialog']").css() 也挺好使的

有关offset参数,可以具体看layui  http://layer.layui.com/api.html#offset  或者   https://blog.csdn.net/hua_ban_yu/article/details/82773626

转载于:https://www.cnblogs.com/su-zhifei/p/11236097.html

  • 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、付费专栏及课程。

余额充值