繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jQuery ui1.7 dialog只能弹出一次问题
- Javascript
- jQuery生成asp.net服务器控件的代码
- javascript 实现的完全兼容鼠标滚轴缩放图片的代码
- JavaScript学习笔记（十七）js 优化
- 使用SyntaxHighlighter实现HTML高亮显示代码的方法
- javascript contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
- 利用jQuery 实现GridView异步排序、分页的代码
- jquery.lazyload 实现图片延迟加载jquery插件
- Lazy Load 延迟加载图片的 jQuery 插件
- jquery 插件实现图片延迟加载效果代码
- javascript小数计算出现近似值的解决办法
- jquery1.4后 jqDrag 拖动 不可用
- jquery 应用代码 方便的排序功能
- 选择TreeView控件的树状数据节点的JS方法(jquery)
- jquery 图片Silhouette Fadeins渐显效果
- JQuery Dialog(JS 模态窗口,可拖拽的DIV)
- javascript 同时在IE和FireFox获取KeyCode的代码
- js 键盘记录实现(兼容FireFox和IE)
- javascript 函数速查表
- jQuery AnythingSlider滑动效果插件
- 经典海量jQuery插件 大家可以收藏一下
Javascript 中的 jQuery ui1.7 dialog只能弹出一次问题
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 323 ::
收藏到网摘: n/a
之前对于删除操作，一直使用的是头儿写的通用的“确认删除”的方法
复制代码 代码如下:
// 显示确认对话框
function showConfirm(txtTitle, txtMsg, callback){
getDivDialog().text(txtMsg).dialog({
modal: true
, overlay: {
opacity: 0.5
}
, title: txtTitle
,buttons: {
"是" : function(){
callback();
$(this).dialog("close");
}
,"否" : function(){
$(this).dialog("close");
}
}
});
}
但是在使用ui.1.7.1 的时候，每次按钮的click事件只能让dialog显示一次。无语。。。
查看官方文档也没有什么解释。 Google了一把，发现，在ui.1.7.1中dialog必须首先初始化。
在document.ready(function(){
// 初始化dialog
})
复制代码 代码如下:
$("#layout-confirm").dialog({
autoOpen: false,
modal: true,
title: "删除"
});
后面的使用中，还有一点是需要注意的：
因为有些dialog参数是变量传递进去的，所以，必须先把option附加上，然后再open
代码示例：
复制代码 代码如下:
delText.click(function(){
$("#layout-confirm").dialog(
'option'
, 'buttons'
,{
"确定": function() {
if(file.type == 0){
deleteFolder(file.path);
}
else{
deleteFile(file.path);
}
}
,"取消":function(){
$(this).dialog("close");
}
}
);
$("#layout-confirm").dialog("open");
});
ok，搞定~~
评论 (0) All
