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库与其他JS库冲突的解决办法
Feb 07 Javascript
关于javascript中this关键字(翻译+自我理解)
Oct 20 Javascript
使用jQuery和PHP实现类似360功能开关效果
Feb 12 Javascript
Javascript和Java获取各种form表单信息的简单实例
Feb 14 Javascript
CSS3 media queries结合jQuery实现响应式导航
Sep 30 Javascript
Angularjs实现分页和分页算法的示例代码
Dec 23 Javascript
Vue之Watcher源码解析(1)
Jul 19 Javascript
Vue波纹按钮组件制作
Apr 30 Javascript
分享vue里swiper的一些坑
Aug 30 Javascript
javascript判断一个变量是数组还是对象
Apr 10 Javascript
js事件触发操作实例分析
Jun 21 Javascript
完美解决通过IP地址访问VUE项目的问题
Jul 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
php导出生成word的方法
2015/12/25 PHP
php 如何禁用eval() 函数实例详解
2016/12/01 PHP
微信第三方登录(原生)demo【必看篇】
2017/05/26 PHP
微信推送功能实现方式图文详解
2019/07/12 PHP
Smarty模板变量与调节器实例详解
2019/07/20 PHP
jquery select操作的日期联动实现代码
2009/12/06 Javascript
jQuery asp.net 用json格式返回自定义对象
2010/04/07 Javascript
jQuery的cookie插件实现保存用户登陆信息
2014/04/15 Javascript
JavaScript中实现map功能代码分享
2015/06/11 Javascript
JS字符串的切分用法实例
2016/02/22 Javascript
jQuery使用$.each遍历json数组的简单实现方法
2016/04/18 Javascript
深入理解React中es6创建组件this的方法
2016/08/29 Javascript
JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】
2017/03/03 Javascript
vue 插件的方法代码详解
2019/06/06 Javascript
如何使用proxy实现一个简单完整的MVVM库的示例代码
2019/09/17 Javascript
使用Vue Composition API写出清晰、可扩展的表单实现
2020/06/10 Javascript
Json实现传值到后台代码实例
2020/06/30 Javascript
JavaScript实现简单验证码
2020/08/24 Javascript
详解Python验证码识别
2016/01/25 Python
tensorflow入门之训练简单的神经网络方法
2018/02/26 Python
python+ffmpeg视频并发直播压力测试
2018/03/06 Python
Python3.6.x中内置函数总结及讲解
2019/02/22 Python
Python 利用高德地图api实现经纬度与地址的批量转换
2019/08/14 Python
python获取array中指定元素的示例
2019/11/26 Python
Python使用扩展库pywin32实现批量文档打印实例
2020/04/09 Python
通过python-pptx模块操作ppt文件的方法
2020/12/26 Python
CSS3 清除浮动的方法示例
2018/06/01 HTML / CSS
浅析HTML5中header标签的用法
2016/06/24 HTML / CSS
Lands’ End官网:经典的美国生活方式品牌
2016/08/14 全球购物
德国童装购物网站:NICKI´S.com
2018/04/20 全球购物
全球立体声:World Wide Stereo
2018/09/29 全球购物
RetroStage德国:复古服装
2019/02/03 全球购物
党员志愿者活动总结
2014/06/26 职场文书
客户答谢会致辞
2015/07/30 职场文书
Python实现byte转integer
2021/06/03 Python
CSS精灵图的原理与使用方法介绍
2022/03/17 HTML / CSS