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 相关文章推荐
ExtJS 2.0实用简明教程 之Border区域布局
Apr 29 Javascript
jQuery 使用手册(六)
Sep 23 Javascript
javascript+HTML5的canvas实现七夕情人节3D玫瑰花效果代码
Aug 04 Javascript
js实现分割上传大文件
Mar 09 Javascript
JavaScript中Number对象的toFixed() 方法详解
Sep 02 Javascript
js闭包用法实例详解
Dec 13 Javascript
jQuery实现div跟随鼠标移动
Aug 20 jQuery
jQuery模拟爆炸倒计时功能实例代码
Aug 21 jQuery
javascript高仿热血传奇游戏实现代码
Feb 22 Javascript
搭建vue开发环境
Jul 19 Javascript
详解小程序用户登录状态检查与更新实例
May 15 Javascript
node.js使用zlib模块进行数据压缩和解压操作示例
Feb 12 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
Ajax PHP分页演示
2007/01/02 PHP
实用函数7
2007/11/08 PHP
php不使用copy()函数复制文件的方法
2015/03/13 PHP
Yii2框架可逆加密简单实现方法
2017/08/25 PHP
PHP迭代器接口Iterator用法分析
2017/12/28 PHP
通过JAVAScript实现页面自适应
2007/01/19 Javascript
用dom+xhtml+css制作的一个相册效果代码打包下载
2008/01/24 Javascript
jWiard 基于JQuery的强大的向导控件介绍
2011/10/28 Javascript
jQuery实现可收缩展开的级联菜单实例代码
2013/11/27 Javascript
jqGrid随窗口大小变化自适应大小的示例代码
2013/12/28 Javascript
jQuery取id有.的值的方法
2014/05/21 Javascript
js检测网络是否具体连接功能的代码
2014/05/23 Javascript
javascript轻量级模板引擎juicer使用指南
2014/06/22 Javascript
用javascript关闭本窗口技巧小结
2014/09/05 Javascript
使用jquery实现鼠标滑过弹出更多相关信息层附源码下载
2015/11/23 Javascript
javascript ASCII和Hex互转的实现方法
2016/12/27 Javascript
jQuery NProgress.js加载进度插件的简单使用方法
2018/01/31 jQuery
解决使用Vue.js显示数据的时,页面闪现原始代码的问题
2018/02/11 Javascript
JavaScript面试出现频繁的一些易错点整理
2018/03/29 Javascript
Angular4 Select选择改变事件的方法
2018/10/09 Javascript
原生js实现公告滚动效果
2021/01/10 Javascript
vue-cli3 配置开发与测试环境详解
2019/05/17 Javascript
python使用wxPython打开并播放wav文件的方法
2015/04/24 Python
Python cookbook(数据结构与算法)同时对数据做转换和换算处理操作示例
2018/03/23 Python
python中for用来遍历range函数的方法
2018/06/08 Python
Python HTML解析器BeautifulSoup用法实例详解【爬虫解析器】
2019/04/05 Python
如何基于python实现脚本加密
2019/12/28 Python
利用Pytorch实现简单的线性回归算法
2020/01/15 Python
使用css3实现超炫的loading加载动画效果
2014/05/07 HTML / CSS
澳大利亚波希米亚风时尚品牌:Tree of Life
2019/09/15 全球购物
雷朋巴西官方商店:Ray-Ban Brasil
2020/07/21 全球购物
售后主管岗位职责
2013/12/08 职场文书
昆虫记读书笔记
2015/06/26 职场文书
如何用RabbitMQ和Swoole实现一个异步任务系统
2021/05/29 PHP
Javascript 解构赋值详情
2021/11/17 Javascript
python opencv将多个图放在一个窗口的实例详解
2022/02/28 Python