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 相关文章推荐
HTML Color Picker(js拾色器效果)
Aug 27 Javascript
jquery 提示信息显示后自动消失的具体实现
Dec 18 Javascript
javascript中slice(),splice(),split(),substring(),substr()使用方法
Mar 13 Javascript
Bootstrap表单布局
Jul 19 Javascript
js浏览器html5表单验证
Oct 17 Javascript
详解angularjs中的隔离作用域理解以及绑定策略
May 31 Javascript
深入理解基于vue-cli的vuex配置
Jul 24 Javascript
jQuery实现的电子时钟效果完整示例
Apr 28 jQuery
微信小程序实现多选框功能的实例代码
Jun 24 Javascript
原生JS实现多条件筛选
Aug 19 Javascript
vue动态设置页面title的方法实例
Aug 23 Javascript
vue单元格多列合并的实现
Nov 26 Vue.js
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
基于Zend的Captcha机制的应用
2013/05/02 PHP
Centos下升级php5.2到php5.4全记录(编译安装)
2015/04/03 PHP
使用xampp搭建运行php虚拟主机的详细步骤
2015/10/21 PHP
php基于环形链表解决约瑟夫环问题示例
2017/11/07 PHP
PHP 计算两个特别大的整数实例代码
2018/05/07 PHP
Laravel 不同生产环境服务器的判断实践
2019/10/15 PHP
JavaScript 解析Json字符串的性能比较分析代码
2009/12/16 Javascript
jQuery根据ID获取input、checkbox、radio、select的示例
2014/08/11 Javascript
JavaScript基于setTimeout实现计数的方法
2015/05/08 Javascript
解决jQuery上传插件Uploadify出现Http Error 302错误的方法
2015/12/18 Javascript
干货分享:让你分分钟学会javascript闭包
2015/12/25 Javascript
深入理解JavaScript程序中内存泄漏
2016/03/17 Javascript
bootstrap精简教程_动力节点Java学院整理
2017/07/14 Javascript
微信小程序云开发修改云数据库中的数据方法
2019/05/18 Javascript
vue中destroyed方法的使用说明
2020/07/21 Javascript
VUE 单页面使用 echart 窗口变化时的用法
2020/07/30 Javascript
使用实现pandas读取csv文件指定的前几行
2018/04/20 Python
python占位符输入方式实例
2019/05/27 Python
django自带的权限管理Permission用法说明
2020/05/13 Python
详解基于python的图像Gabor变换及特征提取
2020/10/26 Python
使用Python封装excel操作指南
2021/01/29 Python
HTML5 File接口在web页面上使用文件下载
2017/02/27 HTML / CSS
世界排名第一的运动鞋市场:Flight Club
2020/01/03 全球购物
师范学院毕业生求职信范文
2013/12/26 职场文书
工作失误检讨书范文大全
2014/01/13 职场文书
干部现实表现材料
2014/02/13 职场文书
房屋转让协议书
2014/04/11 职场文书
梅花魂教学反思
2014/04/25 职场文书
亲子活动总结
2014/04/26 职场文书
2014年卫生保健工作总结
2014/12/08 职场文书
护理工作心得体会
2016/01/22 职场文书
深入解析Apache Hudi内核文件标记机制
2022/03/31 Servers
iSCSI服务器CHAP双向认证配置
2022/04/01 Servers
青岛市的收音机研制与生产
2022/04/07 无线电
Android存储中最基本的文件存储方式
2022/04/30 Java/Android
MySQL 自动填充 create_time 和 update_time
2022/05/20 MySQL