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 相关文章推荐
基于jQuery的树控件实现代码(asp.net+json)
Jul 11 Javascript
使用JavaScript 实现对象 匀速/变速运动的方法
May 08 Javascript
js控制网页背景音乐播放与停止的方法
Feb 06 Javascript
javascript实现列表切换效果
May 02 Javascript
基于Vuejs实现购物车功能
Aug 02 Javascript
jquery+css3问卷答题卡翻页动画效果示例
Oct 26 Javascript
微信小程序 地图(map)实例详解
Nov 16 Javascript
基于JavaScript实现评论框展开和隐藏功能
Aug 25 Javascript
JS+HTML5 canvas绘制验证码示例
Dec 05 Javascript
vue模仿网易云音乐的单页面应用
Apr 24 Javascript
JavaScript面向对象编程小游戏---贪吃蛇代码实例
May 15 Javascript
Openlayers实现测量功能
Sep 25 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实现定时生成HTML网站首页实例代码
2008/11/20 PHP
php下Memcached入门实例解析
2015/01/05 PHP
PHP生成指定随机字符串的简单实现方法
2015/04/01 PHP
腾讯CMEM的PHP扩展编译安装方法
2015/09/25 PHP
windows8.1下Apache+Php+MySQL配置步骤
2015/10/30 PHP
PHP快速导出百万级数据到CSV或者EXCEL文件
2020/11/27 PHP
javascript 精粹笔记
2010/05/09 Javascript
js 链式延迟执行DOME
2012/01/04 Javascript
jQuery扁平化风格下拉框美化插件FancySelect使用指南
2015/02/10 Javascript
JavaScript读二进制文件并用ajax传输二进制流的方法
2016/07/18 Javascript
JS简单实现移动端日历功能示例
2016/12/28 Javascript
JQuery页面随滚动条动态加载效果的简单实现(推荐)
2017/02/08 Javascript
JavaScript队列的应用实例详解【经典数据结构】
2017/04/12 Javascript
Vue自定义指令详解
2017/07/28 Javascript
js防刷新的倒计时代码 js倒计时代码
2017/09/06 Javascript
微信小程序实现日历小功能
2020/11/18 Javascript
[56:18]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#2 MVP.Phx VS Fnatic第二局
2016/03/05 DOTA
详细介绍Python语言中的按位运算符
2013/11/26 Python
Python基础中所出现的异常报错总结
2016/11/19 Python
python中多层嵌套列表的拆分方法
2018/07/02 Python
根据DataFrame某一列的值来选择具体的某一行方法
2018/07/03 Python
Python 面试中 8 个必考问题
2018/11/16 Python
python 堆和优先队列的使用详解
2019/03/05 Python
python利用selenium进行浏览器爬虫
2019/04/25 Python
Python图像阈值化处理及算法比对实例解析
2020/06/19 Python
Python 实现将某一列设置为str类型
2020/07/14 Python
美国花布包包品牌:Vera Bradley
2017/08/11 全球购物
英国领先的票务代理商之一:The Ticket Factory
2019/02/09 全球购物
中专毕业生自荐信范文
2013/11/28 职场文书
创业者是否需要商业计划书?
2014/02/07 职场文书
办公室秘书岗位职责范本
2014/02/11 职场文书
装饰活动策划方案
2014/02/11 职场文书
教师自我剖析材料范文
2014/09/30 职场文书
大学生年度个人总结
2015/02/15 职场文书
归途列车观后感
2015/06/17 职场文书
MySQL库表太大怎么办? 数据库分库分表项目实践
2022/04/11 MySQL