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 相关文章推荐
这段js代码得节约你多少时间
Dec 20 Javascript
js获取网页高度(详细整理)
Dec 28 Javascript
jquery自动切换tabs选项卡的具体实现
Dec 24 Javascript
javascript实现获取cookie过期时间的变通方法
Aug 14 Javascript
javascript实现图片循环渐显播放的方法
Feb 24 Javascript
jquery判断单选按钮radio是否选中的方法
May 05 Javascript
javascript实现网页子页面遍历回调的方法(涉及 window.frames、递归函数、函数上下文)
Jul 27 Javascript
JavaScript_object基础入门(必看篇)
Jun 13 Javascript
给Easyui-Datebox设置隐藏或者不可用的解决方法
May 26 Javascript
js解决软键盘遮挡输入框的问题分享
Dec 19 Javascript
vue-quill-editor富文本编辑器简单使用方法
Sep 21 Javascript
Vue 动态路由的实现及 Springsecurity 按钮级别的权限控制
Sep 05 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
Flash空降上海 化身大魔王接受挑战
2020/03/02 星际争霸
example2.php
2006/10/09 PHP
Thinkphp和Bootstrap结合打造个性的分页样式(推荐)
2016/08/01 PHP
Zend Framework入门教程之Zend_Db数据库操作详解
2016/12/08 PHP
jQuery 加上最后自己的验证
2009/11/04 Javascript
jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件)
2013/12/05 Javascript
JavaScript中调用函数的4种方式代码实例
2015/07/08 Javascript
深入浅析JavaScript中prototype和proto的关系
2015/11/15 Javascript
JS实现的倒计时效果实例(2则实例)
2015/12/23 Javascript
angularJS 如何读写缓冲的方法(推荐)
2016/08/06 Javascript
Angular中$cacheFactory的作用和用法实例详解
2016/08/19 Javascript
three.js快速入门【推荐】
2017/01/21 Javascript
vue实现简单表格组件实例详解
2017/04/16 Javascript
React简单介绍
2017/05/24 Javascript
angular中实现li或者某个元素点击变色的两种方法
2017/07/27 Javascript
React Native使用fetch实现图片上传的示例代码
2018/03/07 Javascript
vue中引入mxGraph的步骤详解
2019/05/17 Javascript
微信小程序项目总结之记账小程序功能的实现(包括后端)
2019/08/20 Javascript
VUE项目初建和常见问题总结
2019/09/12 Javascript
Vue Router 实现动态路由和常见问题及解决方法
2020/03/06 Javascript
分享15个最受欢迎的Python开源框架
2014/07/13 Python
python面试题之列表声明实例分析
2019/07/08 Python
python3安装crypto出错及解决方法
2019/07/30 Python
使用layui框架实现点击左侧导航切换右侧内容且右侧选项卡跟随变化的效果
2020/11/10 HTML / CSS
巴黎欧莱雅法国官网:L’Oreal Paris
2019/04/30 全球购物
优秀毕业生自我鉴定
2014/01/19 职场文书
公司门卫岗位职责
2014/03/15 职场文书
电力安全事故反思
2014/04/27 职场文书
三严三实对照检查材料
2014/08/25 职场文书
滴水洞导游词
2015/02/10 职场文书
婚宴父亲致辞
2015/07/27 职场文书
百年校庆感言
2015/08/01 职场文书
2019年最新七夕唯美祝福语(60条)
2019/07/22 职场文书
简单聊一聊SQL注入及防止SQL注入
2022/03/23 MySQL
解决Mysql中的innoDB幻读问题
2022/04/29 MySQL
vue postcss-px2rem 自适应布局
2022/05/15 Vue.js