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,超强推荐share.js
Dec 23 Javascript
用innerhtml提高页面打开速度的方法
Aug 02 Javascript
form表单只提交数据而不进行页面跳转的解决方案
Sep 18 Javascript
jquery实现上下左右滑动的方法
Feb 09 Javascript
浅析JavaScript Array和string的转换(推荐)
May 20 Javascript
Javascript实现图片懒加载插件的方法
Oct 20 Javascript
jQuery插件jquery.kxbdmarquee.js实现无缝滚动效果
Feb 15 Javascript
ES6中Array.find()和findIndex()函数的用法详解
Sep 16 Javascript
微信小程序实现流程进度的图样式功能
Jan 16 Javascript
基于vue-router 多级路由redirect 重定向的问题
Sep 03 Javascript
Vue项目中使用jquery的简单方法
May 16 jQuery
HTML+JavaScript实现扫雷小游戏
Sep 30 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的实现代码
2010/06/20 PHP
PHP利用APC模块实现大文件上传进度条的方法
2015/10/29 PHP
PHP使用PHPExcel删除Excel单元格指定列的方法
2016/07/06 PHP
yii2 commands模式以及配置crontab定时任务的方法
2017/08/19 PHP
js验证表单第二部分
2006/11/25 Javascript
如何做到打开一个页面,过几分钟自动转到另一页面
2007/04/20 Javascript
用js实现计算加载页面所用的时间
2010/04/02 Javascript
用JQuery模仿淘宝的图片放大镜显示效果
2011/09/15 Javascript
node.js中的fs.fsyncSync方法使用说明
2014/12/15 Javascript
Javascript基础教程之argument 详解
2015/01/18 Javascript
Jquery树插件zTree用法入门教程
2015/02/17 Javascript
AngularJS上拉加载问题解决方法
2016/05/23 Javascript
js事件驱动机制 浏览器兼容处理方法
2016/07/23 Javascript
JS运动特效之同时运动实现方法分析
2018/01/24 Javascript
解决vue 绑定对象内点击事件失效问题
2018/09/05 Javascript
js实现拾色器插件(ColorPicker)
2020/05/21 Javascript
基于原生js实现九宫格算法代码实例
2020/07/03 Javascript
Vue+element+cookie记住密码功能的简单实现方法
2020/09/20 Javascript
JS sort排序详细使用方法示例解析
2020/09/27 Javascript
vue 数据遍历筛选 过滤 排序的应用操作
2020/11/17 Javascript
利用Python生成文件md5校验值函数的方法
2017/01/10 Python
python中urllib.request和requests的使用及区别详解
2020/05/05 Python
python爬取招聘要求等信息实例
2020/11/20 Python
css3边框_动力节点Java学院整理
2017/07/11 HTML / CSS
HTML5 Canvas的性能提高技巧经验分享
2013/07/02 HTML / CSS
localStorage、sessionStorage使用总结
2017/11/17 HTML / CSS
大学生实习思想汇报
2014/01/12 职场文书
师德个人剖析材料
2014/02/02 职场文书
《最大的“书”》教学反思
2014/02/14 职场文书
幼儿园毕业园长感言
2014/02/24 职场文书
2014组织生活会方案
2014/05/19 职场文书
公司担保书范文
2014/05/21 职场文书
2014年居委会工作总结
2014/12/09 职场文书
资金申请报告范文
2015/05/14 职场文书
乡镇团委工作总结2015
2015/05/26 职场文书
CSS3 实现NES游戏机的示例代码
2021/04/21 HTML / CSS