jQuery layer.open设置禁止拖拽改变页面大小
时间: 2023-06-28 16:05:01 浏览: 68
你可以在调用 `layer.open` 方法时,通过传入一个配置对象来设置禁止拖拽改变页面大小。具体来说,可以在配置对象中设置 `resize` 属性为 `false`,如下所示:
```javascript
layer.open({
title: '对话框标题',
content: '对话框内容',
resize: false
});
```
这样就可以禁止用户通过拖拽来改变对话框的大小了。
相关问题
jQuery 禁止鼠标拖拽改变页面大小
你可以使用 jQuery 来禁止鼠标拖拽改变页面大小,具体实现方法如下:
```javascript
$(document).ready(function() {
$(window).resize(function() {
// 禁止拖拽改变窗口大小
window.resizeTo($(window).width(), $(window).height());
});
});
```
在这段代码中,我们绑定了 `resize()` 方法来检测窗口大小的变化。当窗口大小发生变化时,我们会调用 `resizeTo()` 方法来将窗口大小重置为当前的宽度和高度,从而禁止拖拽改变窗口大小。
需要注意的是,这种方法只能禁止拖拽改变窗口大小,而无法禁止用户手动调整窗口大小。如果你需要完全禁止用户调整窗口大小,可以考虑使用 CSS 的 `resize` 属性来实现。
layer.open 传参
layer.open函数可以传递多个参数,其中包括标题(title)、类型(type)、遮罩(shade)、最大最小化(maxmin)、遮罩关闭(shadeClose)、弹出层大小(area)、偏移量(offset)和内容(content)等。在给子页面传参时,可以通过success回调函数来获取子页面的元素并进行操作。具体的实现方法如下所示:
1. 在父页面中使用layer.open函数打开一个弹出层,并设置success回调函数。
2. 在success回调函数中,通过layer.getChildFrame函数获取子页面的body元素,并通过contents()方法获取子页面的内容。
3. 在子页面中定义需要传递的参数,例如在一个隐藏的input元素中设置id属性。
4. 在success回调函数中,通过jQuery的选择器找到子页面中的目标元素,并进行相应的操作,例如给隐藏的input元素设置值。
总结起来,使用layer.open函数传参给子页面的方法如下所示:
var index = layer.open({
title: '编辑',
type: 1,
shade: 0.2,
maxmin: true,
shadeClose: true,
area: [openWH + 'px', openWH + 'px'],
offset: [openWH + 'px', openWH + 'px'],
content: content,
success: function(layero, index){
var body = layer.getChildFrame('body', index);
var fileId = body.contents().find("#fileId");
$(fileId.selector).val(data.id);
}
});
在父页面中,通过以上方法可以成功传递参数给子页面的隐藏input元素,并设置其值为data.id。