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 相关文章推荐
Node.js文件操作详解
Aug 16 Javascript
jQuery .tmpl() 用法示例介绍
Aug 21 Javascript
判断在css加载完毕后执行后续代码示例
Sep 03 Javascript
超漂亮的jQuery图片轮播特效
Nov 24 Javascript
JS中sort函数排序用法实例分析
Jun 16 Javascript
js仿小米官网图片轮播特效
Sep 29 Javascript
Vue+Express实现登录注销功能的实例代码
May 05 Javascript
使用axios请求时,发送formData请求的示例
Oct 29 Javascript
vue项目前端微信JSAPI与外部H5支付相关实现过程及常见问题
Apr 14 Javascript
Vue如何实现验证码输入交互
Dec 07 Vue.js
Ajax实现异步加载数据
Nov 17 Javascript
html中两种获取标签内的值的方法
Jun 16 jQuery
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
cache_lite试用
2007/02/14 PHP
php 输出双引号"与单引号'的方法
2010/05/09 PHP
30个php操作redis常用方法代码例子
2014/07/05 PHP
laravel异步监控定时调度器实例详解
2019/06/21 PHP
isArray()函数(JavaScript中对象类型判断的几种方法)
2009/11/26 Javascript
ECMAScript 创建自己的js类库
2012/11/22 Javascript
js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
2012/12/17 Javascript
根据表格中的某一列进行排序的javascript代码
2013/11/29 Javascript
jquery scroll()区分横向纵向滚动条的方法
2014/04/04 Javascript
js实现简洁大方的二级下拉菜单效果代码
2015/09/01 Javascript
JavaScript中Window对象的属性及事件
2015/12/25 Javascript
js实现String.Fomat的实例代码
2016/09/02 Javascript
深入了解JavaScript的逻辑运算符(与、或)
2016/12/20 Javascript
Bootstrap 表单验证formValidation 实现表单动态验证功能
2017/05/17 Javascript
微信小程序将字符串生成二维码图片的操作方法
2018/07/17 Javascript
详解Vue-Router源码分析路由实现原理
2019/05/15 Javascript
JavaScript中的函数式编程详解
2020/08/22 Javascript
python网络编程之文件下载实例分析
2015/05/20 Python
学习python中matplotlib绘图设置坐标轴刻度、文本
2018/02/07 Python
关于Python正则表达式 findall函数问题详解
2018/03/22 Python
Python使用combinations实现排列组合的方法
2018/11/13 Python
python 画条形图(柱状图)实例
2020/04/24 Python
欧洲最大的品牌水上运动服装和设备在线零售商:Wuituit Outlet
2018/05/05 全球购物
Homestay中文官网:全球寄宿家庭
2018/10/18 全球购物
Schecker荷兰:狗狗用品和配件
2019/06/06 全球购物
研究生求职推荐信范文
2013/11/30 职场文书
党校个人自我鉴定范文
2014/03/28 职场文书
监督检查工作方案
2014/05/28 职场文书
工程造价专业求职信
2014/07/17 职场文书
县长“四风”对照检查材料思想汇报
2014/10/05 职场文书
七年级上册语文教学计划
2015/01/22 职场文书
党员转正申请报告
2015/05/15 职场文书
2015年音乐教学工作总结
2015/07/22 职场文书
2016年质量月活动总结报告
2016/04/05 职场文书
会计专业2019暑假实习报告
2019/06/21 职场文书
CentOS下安装Jenkins的完整步骤
2022/04/07 Servers