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。

相关推荐

最新推荐

recommend-type

jQuery使用attr()方法同时设置多个属性值用法实例

主要介绍了jQuery使用attr()方法同时设置多个属性值的用法,实例分析了jQuery中attr方法实现多个属性设置的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
recommend-type

jQuery页面加载初始化常用的三种方法

当页面打开时我们需要执行一些操作,下面为大家介绍三种不错的方法,大家可以参考下
recommend-type

jQuery 获取和设置select下拉框的值实现代码

获取Select : 获取select 选中的 text : $(“#ddlRegType”).find(“option...设置select 选中的索引: $(“#ddlRegType “).get(0).selectedIndex=index;//index为索引值 设置select 选中的value:  $(“#ddlRegType
recommend-type

jQuery Datatables表头不对齐的解决办法

主要为大家详细介绍了jQuery Datatables表头不对齐的解决办法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
recommend-type

html+jQuery实现拖动滑块图片拼图验证码插件【移动端适用】

主要介绍了html+jQuery实现拖动滑块图片拼图验证码插件,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
recommend-type

zigbee-cluster-library-specification

最新的zigbee-cluster-library-specification说明文档。
recommend-type

管理建模和仿真的文件

管理Boualem Benatallah引用此版本:布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学,1996年。法语。NNT:电话:00345357HAL ID:电话:00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆,用于存放和传播科学研究论文,无论它们是否被公开。论文可以来自法国或国外的教学和研究机构,也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
recommend-type

实现实时数据湖架构:Kafka与Hive集成

![实现实时数据湖架构:Kafka与Hive集成](https://img-blog.csdnimg.cn/img_convert/10eb2e6972b3b6086286fc64c0b3ee41.jpeg) # 1. 实时数据湖架构概述** 实时数据湖是一种现代数据管理架构,它允许企业以低延迟的方式收集、存储和处理大量数据。与传统数据仓库不同,实时数据湖不依赖于预先定义的模式,而是采用灵活的架构,可以处理各种数据类型和格式。这种架构为企业提供了以下优势: - **实时洞察:**实时数据湖允许企业访问最新的数据,从而做出更明智的决策。 - **数据民主化:**实时数据湖使各种利益相关者都可
recommend-type

2. 通过python绘制y=e-xsin(2πx)图像

可以使用matplotlib库来绘制这个函数的图像。以下是一段示例代码: ```python import numpy as np import matplotlib.pyplot as plt def func(x): return np.exp(-x) * np.sin(2 * np.pi * x) x = np.linspace(0, 5, 500) y = func(x) plt.plot(x, y) plt.xlabel('x') plt.ylabel('y') plt.title('y = e^{-x} sin(2πx)') plt.show() ``` 运行这段
recommend-type

JSBSim Reference Manual

JSBSim参考手册,其中包含JSBSim简介,JSBSim配置文件xml的编写语法,编程手册以及一些应用实例等。其中有部分内容还没有写完,估计有生之年很难看到完整版了,但是内容还是很有参考价值的。