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实现瀑布流的三种方式比较
Jun 28 Javascript
JavaScript原型及原型链终极详解
Jan 04 Javascript
用iframe实现不刷新整个页面上传图片的实例
Nov 18 Javascript
jQuery实现限制文本框的输入长度
Jan 11 Javascript
微信小程序技巧之show内容展示,上传文件编码问题
Jan 23 Javascript
javascript闭包功能与用法实例分析
Apr 06 Javascript
利用Javascript开发一个二维周视图日历
Dec 14 Javascript
webpack多页面开发实践
Dec 18 Javascript
关于Vue的路由权限管理的示例代码
Mar 06 Javascript
在Vue项目中引入JQuery-ui插件的讲解
Jan 27 jQuery
node.js 基于 STMP 协议和 EWS 协议发送邮件
Feb 14 Javascript
JavaScript的Set数据结构详解
Feb 18 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
深入apache配置文件httpd.conf的部分参数说明
2013/06/28 PHP
深入理解PHP类的自动载入机制
2016/09/16 PHP
php版交通银行网银支付接口开发入门教程
2016/09/26 PHP
PHP+ajax实现获取新闻数据简单示例
2018/05/08 PHP
JS去掉第一个字符和最后一个字符的实现代码
2014/02/20 Javascript
jquery表单验证需要做些什么
2015/11/17 Javascript
详解vue项目优化之按需加载组件-使用webpack require.ensure
2017/06/13 Javascript
浅析前端路由简介以及vue-router实现原理
2018/06/01 Javascript
小程序实现左滑删除功能
2018/10/30 Javascript
Node.js中package.json中库的版本号(~和^)
2019/04/02 Javascript
使用Vue CLI创建typescript项目的方法
2019/08/09 Javascript
Vuex中实现数据状态查询与更改
2019/11/08 Javascript
vue使用vant中的checkbox实现全选功能
2020/11/17 Vue.js
Node.js中的异步生成器与异步迭代详解
2021/01/31 Javascript
[08:04]TI4西雅图DOTA2前线报道 海涛探访各路人马
2014/07/09 DOTA
python的绘图工具matplotlib使用实例
2014/07/03 Python
用python写个自动SSH登录远程服务器的小工具(实例)
2017/06/17 Python
Python数据类型中的“冒号“[::]——分片与步长操作示例
2018/01/24 Python
Python/ArcPy遍历指定目录中的MDB文件方法
2018/10/27 Python
python时间序列按频率生成日期的方法
2019/05/14 Python
pandas实现将日期转换成timestamp
2019/12/07 Python
Python更换pip源方法过程解析
2020/05/19 Python
python中使用.py配置文件的方法详解
2020/11/23 Python
利用 CSS3 实现的无缝轮播功能代码
2017/09/25 HTML / CSS
使用数据结构给女朋友写个Html5走迷宫游戏
2019/11/26 HTML / CSS
新西兰最大的在线设计师眼镜店:SmartBuyGlasses新西兰
2017/10/20 全球购物
加拿大专业美发产品购物网站:Chatters
2021/02/28 全球购物
精彩的推荐信范文
2013/11/26 职场文书
国际贸易专业个人职业生涯规划
2014/02/15 职场文书
幼儿园六一儿童节文艺汇演主持词
2014/03/21 职场文书
小区物业门卫岗位职责
2014/04/10 职场文书
大学生励志演讲稿
2014/04/25 职场文书
人力资源管理系自荐信
2014/05/31 职场文书
验房委托书
2014/08/30 职场文书
信息合作协议书
2014/10/09 职场文书
CSS控制继承中的height能变为可继承吗
2022/06/10 HTML / CSS