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 相关文章推荐
使用jQuery避免鼠标双击的解决方案
Aug 21 Javascript
js获取url中指定参数值的示例代码
Dec 14 Javascript
bootstrap改变按钮加载状态
Dec 01 Javascript
JavaScript实现SHA-1加密算法的方法
Mar 11 Javascript
AngularJS实现的JSONP跨域访问数据传输功能详解
Jul 20 Javascript
详解vue项目的构建,打包,发布全过程
Nov 23 Javascript
详解webpack babel的配置
Jan 09 Javascript
一个Vue页面的内存泄露分析详解
Jun 25 Javascript
微信小程序实现自定义加载图标功能
Jul 19 Javascript
django使用channels2.x实现实时通讯
Nov 28 Javascript
微信小程序新手教程之启动页的重要性
Mar 03 Javascript
微信小程序按钮点击跳转页面详解
May 06 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
帅气的琦玉老师
2020/03/02 日漫
PHP操作mysql函数详解,mysql和php交互函数
2011/05/19 PHP
CI框架中zip类应用示例
2014/06/17 PHP
Laravel用户授权系统的使用方法示例
2018/09/16 PHP
小议Function.apply()之二------利用Apply的参数数组化来提高 JavaScript程序性能
2006/11/30 Javascript
js每次Title显示不同的名言
2008/09/25 Javascript
javascript EXCEL 操作类代码
2009/07/30 Javascript
JavaScript 原型继承
2011/12/26 Javascript
jquery struts 验证唯一标识(公用方法)
2013/03/27 Javascript
javascript中的循环语句for语句深入理解
2014/04/04 Javascript
Windows下用PyCharm和Visual Studio开始Python编程
2015/10/26 Javascript
js 获取元素的具体样式信息getcss(实例讲解)
2017/07/05 Javascript
vue 实现类似淘宝星级评分的示例
2018/03/01 Javascript
JavaScript数组方法的错误使用例子
2018/09/13 Javascript
解决vue动态为数据添加新属性遇到的问题
2018/09/18 Javascript
vue中使用element组件时事件想要传递其他参数的问题
2019/09/18 Javascript
JavaScript使用canvas绘制随机验证码
2020/02/17 Javascript
Python的类实例属性访问规则探讨
2015/01/30 Python
Python+Wordpress制作小说站
2017/04/14 Python
Python使用cx_Oracle调用Oracle存储过程的方法示例
2017/10/07 Python
基于numpy.random.randn()与rand()的区别详解
2018/04/17 Python
基于python3 OpenCV3实现静态图片人脸识别
2018/05/25 Python
Scrapy使用的基本流程与实例讲解
2018/10/21 Python
详解Pandas之容易让人混淆的行选择和列选择
2019/07/10 Python
pytorch 更改预训练模型网络结构的方法
2019/08/19 Python
python scipy卷积运算的实现方法
2019/09/16 Python
Python3实现英文字母转换哥特式字体实例代码
2020/09/01 Python
Visual Studio Code搭建django项目的方法步骤
2020/09/17 Python
基于Python实现全自动下载抖音视频
2020/11/06 Python
印度尼西亚综合购物网站:Lazada印尼
2016/09/07 全球购物
英文版销售经理个人求职信
2013/11/20 职场文书
学生保证书范文
2014/04/28 职场文书
邀请函格式范文
2015/02/02 职场文书
Python 数据科学 Matplotlib图库详解
2021/07/07 Python
Python 游戏大作炫酷机甲闯关游戏爆肝数千行代码实现案例进阶
2021/10/16 Python
vue如何在data中引入图片的正确路径
2022/06/05 Vue.js