jQuery ui1.7 dialog只能弹出一次问题


Posted in Javascript onAugust 27, 2009
// 显示确认对话框 
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,搞定~~
Javascript 相关文章推荐
JS+CSS制作DIV层可(最小化/拖拽/排序)功能实现代码
Feb 25 Javascript
jQuery淡入淡出元素让其效果更为生动
Sep 01 Javascript
IE6浏览器中window.location.href无效的解决方法
Nov 20 Javascript
js实现文本框只允许输入数字并限制数字大小的方法
Aug 19 Javascript
基于jquery实现省市联动特效
Dec 17 Javascript
js实现页面跳转的五种方法推荐
Mar 10 Javascript
jQuery模拟下拉框选择对应菜单的内容
Mar 07 Javascript
JS实现点击Radio动态更新table数据
Jul 18 Javascript
JS分页的实现(同步与异步)
Sep 16 Javascript
JavaScript callback回调函数用法实例分析
May 08 Javascript
vue 中 beforeRouteEnter 死循环的问题
Apr 23 Javascript
详解vue中在循环中使用@mouseenter 和 @mouseleave事件闪烁问题解决方法
Apr 07 Javascript
JSON 客户端和服务器端的格式转换
Aug 27 #Javascript
动态表格Table类的实现
Aug 26 #Javascript
javascript 函数调用规则
Aug 26 #Javascript
JSON 入门指南 想了解json的朋友可以看下
Aug 26 #Javascript
javascript 继承实现方法
Aug 26 #Javascript
JS去除字符串的空格增强版(可以去除中间的空格)
Aug 26 #Javascript
JavaScript 获取用户客户端操作系统版本
Aug 25 #Javascript
You might like
yii的CURD操作实例详解
2014/12/04 PHP
阿里云Win2016安装Apache和PHP环境图文教程
2018/03/11 PHP
Laravel 读取 config 下的数据方法
2019/10/13 PHP
PHP 构造函数和析构函数原理与用法分析
2020/04/21 PHP
JS解析XML的实现代码
2009/11/12 Javascript
js如何判断不同系统的浏览器类型
2013/10/28 Javascript
JavaScript数据结构之二叉树的查找算法示例
2017/04/13 Javascript
Angular客户端请求Rest服务跨域问题的解决方法
2017/09/19 Javascript
AjaxUpLoad.js实现文件上传功能
2018/03/02 Javascript
jQuery+css last-child实现选择最后一个子元素操作示例
2018/12/10 jQuery
使用Node.js实现一个多人游戏服务器引擎
2019/03/13 Javascript
webpack4 SplitChunks实现代码分隔详解
2019/05/23 Javascript
Vue组件模板及组件互相引用代码实例
2020/03/11 Javascript
[17:36]VG战队纪录片
2014/08/21 DOTA
requests和lxml实现爬虫的方法
2017/06/11 Python
Python如何快速实现分布式任务
2017/07/06 Python
python中map的基本用法示例
2018/09/10 Python
python抓取需要扫微信登陆页面
2019/04/29 Python
Numpy的简单用法小结
2019/08/28 Python
python解析命令行参数的三种方法详解
2019/11/29 Python
css3遮罩层镂空效果的多种实现方法
2020/05/11 HTML / CSS
Expedia加拿大官方网站:加拿大最大的在线旅游提供商
2017/12/31 全球购物
SIXPAD智能健身仪英国官网:革命性的训练装备品牌
2018/09/27 全球购物
铭立家具面试题
2012/12/06 面试题
Linux上比较文件的命令都有哪些
2013/09/28 面试题
四年级数学教学反思
2014/02/02 职场文书
高中生家长寄语大全
2014/04/03 职场文书
工作经历证明书范文
2014/11/02 职场文书
法学专业求职信范文
2015/03/19 职场文书
2015年高校教师个人工作总结
2015/05/25 职场文书
Python爬虫进阶之Beautiful Soup库详解
2021/04/29 Python
详解TS数字分隔符和更严格的类属性检查
2021/05/06 Javascript
在js中修改html body的样式
2021/11/11 Javascript
台式电脑蓝牙适配器怎么安装?台式电脑蓝牙适配器安装教程
2022/04/08 数码科技
Typescript类型系统FLOW静态检查基本规范
2022/05/25 Javascript
python如何读取和存储dict()与.json格式文件
2022/06/25 Python