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 相关文章推荐
Javascript 错误处理的几种方法
Jun 13 Javascript
JS类的封装及实现代码
Dec 02 Javascript
javascript 原型继承介绍
Aug 30 Javascript
Extjs 继承Ext.data.Store不起作用原因分析及解决
Apr 15 Javascript
jsp网页搜索结果中实现选中一行使其高亮
Feb 17 Javascript
JS判断客服QQ号在线还是离线状态的方法
Jan 13 Javascript
点评js异步加载的4种方式
Dec 22 Javascript
AngularJS使用ocLazyLoad实现js延迟加载
Jul 05 Javascript
protractor的安装与基本使用教程
Jul 07 Javascript
webpack配置导致字体图标无法显示的解决方法
Mar 06 Javascript
在Vue项目中引入JQuery-ui插件的讲解
Jan 27 jQuery
vue-iview动态新增和删除的方法
Jun 17 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读取csv实现csv文件下载功能
2013/12/18 PHP
列举PHP的Yii 2框架的开发优势
2015/07/03 PHP
laravel实现上传图片并在页面显示的例子
2019/10/14 PHP
jquery.lazyload  实现图片延迟加载jquery插件
2010/02/06 Javascript
jquery插件方式实现table查询功能的简单实例
2016/06/06 Javascript
jQuery文字提示与图片提示效果实现方法
2016/07/04 Javascript
js获取当前周、上一周、下一周日期
2017/03/19 Javascript
js 两数组去除重复数值的实例
2017/12/06 Javascript
微信小程序实现列表下拉刷新上拉加载
2020/07/29 Javascript
如何从零开始利用js手写一个Promise库详解
2018/04/19 Javascript
Vue微信项目按需授权登录策略实践思路详解
2018/05/07 Javascript
JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能示例
2018/07/31 Javascript
node.js使用redis储存session的方法
2018/09/26 Javascript
详解无限滚动插件vue-infinite-scroll源码解析
2019/05/12 Javascript
jQuery中使用validate插件校验表单功能
2019/05/24 jQuery
vue 解决setTimeOut和setInterval函数无效报错的问题
2020/07/30 Javascript
Antd中单个DatePicker限定时间输入范围操作
2020/10/29 Javascript
[34:10]Secret vs VG 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.24
2019/09/10 DOTA
python文件拆分与重组实例
2018/12/10 Python
Django框架设置cookies与获取cookies操作详解
2019/05/27 Python
Python中低维数组填充高维数组的实现
2019/12/02 Python
Pycharm及python安装详细步骤及PyCharm配置整理(推荐)
2020/07/31 Python
利用Python实现朋友圈中的九宫格图片效果
2020/09/03 Python
CSS3 绘制BMW logo实的现代码
2013/04/25 HTML / CSS
Android interview questions
2016/12/25 面试题
培训主管的职业生涯规划
2014/03/06 职场文书
《月亮湾》教学反思
2014/04/14 职场文书
个人债务授权委托书范本
2014/10/05 职场文书
教师节倡议书2015
2015/04/27 职场文书
2015年度企业工作总结
2015/05/21 职场文书
2015年度高中教师工作总结
2015/05/26 职场文书
监护人证明
2015/06/19 职场文书
市场营销计划书
2019/04/24 职场文书
MySQL 5.7常见数据类型
2021/07/15 MySQL
Nginx中使用Lua脚本与图片的缩略图处理的实现
2022/03/18 Servers
MySQL详解进行JDBC编程与增删改查方法
2022/06/16 MySQL