$.acooly.divdialog的open使用
时间: 2023-12-10 21:06:03 浏览: 84
jquery插件jbox使用iframe关闭问题
$.acooly.divdialog是基于jQuery UI dialog组件封装的一个弹出框插件。它提供了一个方便的API,用于创建、打开和关闭弹出框。$.acooly.divdialog的open方法是用来打开弹出框的,具体使用方法如下:
```javascript
$.acooly.divdialog.open(options);
```
其中,options为一个JavaScript对象,用于设置弹出框的各种属性和事件。常用的属性和事件如下:
- title:弹出框的标题。
- width:弹出框的宽度。
- height:弹出框的高度。
- modal:是否模态对话框,即是否禁止用户操作其他页面元素。
- resizable:是否可以调整弹出框的大小。
- buttons:弹出框中的按钮。
- open:弹出框打开时触发的事件。
- close:弹出框关闭时触发的事件。
具体使用方法如下:
```javascript
$.acooly.divdialog.open({
title: '弹出框标题',
width: 400,
height: 300,
modal: true,
resizable: false,
buttons: {
'确定': function() {
$(this).dialog('close');
}
},
open: function() {
// 弹出框打开时触发的事件
},
close: function() {
// 弹出框关闭时触发的事件
}
});
```
在上面的代码中,我们通过$.acooly.divdialog.open方法打开了一个弹出框,并设置了弹出框的各种属性和事件。其中,buttons属性设置了一个“确定”按钮,点击该按钮时会关闭弹出框。open和close事件分别设置了弹出框打开和关闭时触发的事件。
阅读全文