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 选择器、DOM操作、事件、动画
Nov 25 Javascript
jQuery1.6 类型判断实现代码
Sep 01 Javascript
Js 时间函数getYear()的使用问题探讨
Apr 01 Javascript
点击弹出层效果&弹出窗口后网页背景变暗效果的实现代码
Feb 10 Javascript
多个checkbox被选中时如何判断是否有自己想要的
Sep 22 Javascript
jQuery实现的手机发送验证码倒计时效果代码分享
Aug 24 Javascript
jQuery平滑旋转幻灯片特效代码分享
Sep 07 Javascript
jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法
Feb 19 Javascript
基于Jquery插件实现跨域异步上传文件功能
Apr 26 Javascript
什么是JavaScript中的结果值?
Oct 08 Javascript
Node.js readline模块与util模块的使用
Mar 01 Javascript
JavaScript队列结构Queue实现过程解析
Mar 07 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 获取目录下的图片并随机显示的代码
2009/12/28 PHP
php 生成静态页面的办法与实现代码详细版
2010/02/15 PHP
遍历指定目录下的所有目录和文件的php代码
2011/11/27 PHP
PHP设计模式之装饰者模式
2012/02/29 PHP
浅谈php7的重大新特性
2015/10/23 PHP
PHPStrom 新建FTP项目以及在线操作教程
2016/10/16 PHP
Laravel5框架自定义错误页面配置操作示例
2019/04/17 PHP
Git命令之分支详解
2021/03/02 PHP
js玩一玩WSH吧
2007/02/23 Javascript
js 绑定带参数的事件以及手动触发事件
2010/04/27 Javascript
运算符&&的三个不同层次
2013/04/07 Javascript
JQuery之focus函数使用介绍
2013/08/20 Javascript
基于jquery实现智能提示控件intellSeach.js
2016/03/17 Javascript
AngularJS入门教程之 XMLHttpRequest实例讲解
2016/07/27 Javascript
javascript 中的事件委托详解
2016/10/25 Javascript
vue组件实践之可搜索下拉框功能
2018/11/25 Javascript
详解Puppeteer前端自动化测试实践
2019/02/21 Javascript
js函数柯里化的方法和作用实例分析
2020/04/11 Javascript
js轮播图之旋转木马效果
2020/10/13 Javascript
vue使用echarts图表自适应的几种解决方案
2020/12/04 Vue.js
跟老齐学Python之网站的结构
2014/10/24 Python
python检测远程端口是否打开的方法
2015/03/14 Python
开源Web应用框架Django图文教程
2017/03/09 Python
PyQt5实现简单数据标注工具
2019/03/18 Python
15行Python代码实现免费发送手机短信推送消息功能
2020/02/27 Python
喜诗官方在线巧克力店:See’s Candies
2017/01/01 全球购物
PPP协议组成及简述协议协商的基本过程
2015/05/28 面试题
物理专业本科生自荐信
2014/01/30 职场文书
淘宝店铺营销方案
2014/02/13 职场文书
企业文化建设实施方案
2014/03/22 职场文书
中职毕业生自我鉴定
2014/09/13 职场文书
售房协议书范本2014
2014/10/23 职场文书
2014年客服工作总结与计划
2014/12/09 职场文书
拾金不昧表扬信怎么写
2015/05/04 职场文书
2015年电信员工工作总结
2015/05/26 职场文书
成功的商业计划书这样写才最靠谱
2019/07/12 职场文书