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 相关文章推荐
完美解决IE低版本不支持call与apply的问题
Dec 05 Javascript
jquery中$each()方法的使用指南
Apr 30 Javascript
Javascript中的作用域和上下文深入理解
Jul 03 Javascript
jQuery左右滚动支持图片放大缩略图图片轮播代码分享
Aug 26 Javascript
JS折半插入排序算法实例
Dec 02 Javascript
JS实现获取汉字首字母拼音、全拼音及混拼音的方法
Nov 14 Javascript
使用 vue.js 构建大型单页应用
Feb 10 Javascript
前端防止用户重复提交js实现代码示例
Sep 07 Javascript
Vue 样式绑定的实现方法
Jan 15 Javascript
微信小程序使用wxParse解析html的方法示例
Jan 17 Javascript
浅谈v-for 和 v-if 并用时筛选条件方法
Nov 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
PHP魔术方法__GET、__SET使用实例
2014/11/25 PHP
PHP的命令行命令使用指南
2015/08/18 PHP
php无限分类使用concat如何实现
2015/11/05 PHP
Laravel使用memcached缓存对文章增删改查进行优化的方法
2016/10/08 PHP
php 使用ActiveMQ发送消息,与处理消息操作示例
2020/02/23 PHP
通过JAVAScript实现页面自适应
2007/01/19 Javascript
jQuery创建DOM元素实例解析
2015/01/19 Javascript
AngularJS入门教程之数据绑定用法示例
2016/11/01 Javascript
AngularJS入门教程二:在路由中传递参数的方法分析
2017/05/27 Javascript
js+html5实现半透明遮罩层弹框效果
2020/08/24 Javascript
typescript nodejs 依赖注入实现方法代码详解
2019/07/21 NodeJs
详解Vuex下Store的模块化拆分实践
2019/07/31 Javascript
webpack proxy 使用(代理的使用)
2020/01/10 Javascript
antd Form组件方法getFieldsValue获取自定义组件的值操作
2020/10/29 Javascript
[03:01]完美盛典趣味短片 DOTA2年度最佳&拉胯英雄
2019/12/07 DOTA
简单理解Python中基于生成器的状态机
2015/04/13 Python
Python简单实现子网掩码转换的方法
2016/04/13 Python
Python实现字符串与数组相互转换功能示例
2017/09/22 Python
详解python3中的真值测试
2018/08/13 Python
Python基于opencv调用摄像头获取个人图片的实现方法
2019/02/21 Python
解决Python3 抓取微信账单信息问题
2019/07/19 Python
python中如何实现将数据分成训练集与测试集的方法
2019/09/13 Python
Python 实现取多维数组第n维的前几位
2019/11/26 Python
使用TensorFlow对图像进行随机旋转的实现示例
2020/01/20 Python
Python2和Python3中@abstractmethod使用方法
2020/02/04 Python
详解如何在PyCharm控制台中输出彩色文字和背景
2020/08/17 Python
CSS3的RGBA中关于整数和百分比值的转换
2015/08/04 HTML / CSS
CSS3 box-sizing属性详解
2016/11/15 HTML / CSS
台湾菁英交友:结识黄金单身的台湾人
2018/01/22 全球购物
三分钟演讲稿范文
2014/04/24 职场文书
关于保护环境的建议书
2014/08/26 职场文书
2015年五四青年节活动总结
2015/02/10 职场文书
青年教师听课心得体会
2016/01/15 职场文书
导游词之北京明十三陵
2019/10/28 职场文书
8个JS的reduce使用实例和reduce操作方式
2021/10/05 Javascript
Tomcat配置访问日志和线程数
2022/05/06 Servers