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 ajax 同步异步的执行示例代码
Jun 23 Javascript
判断js中各种数据的类型方法之typeof与0bject.prototype.toString讲解
Nov 07 Javascript
使用CoffeeScrip优美方式编写javascript代码
Oct 28 Javascript
JavaScript实现图片轮播组件代码示例
Nov 22 Javascript
利用JavaScript在网页实现八数码启发式A*算法动画效果
Apr 16 Javascript
js 奇葩技巧之隐藏代码
Aug 11 Javascript
对vue中v-if的常见使用方法详解
Sep 28 Javascript
这应该是最详细的响应式系统讲解了
Jul 22 Javascript
vue element 生成无线级左侧菜单的实现代码
Aug 21 Javascript
小程序登录之支付宝授权的实现示例
Dec 13 Javascript
Jquery ajax书写方法代码实例解析
Jun 12 jQuery
vue实现滚动鼠标滚轮切换页面
Dec 13 Vue.js
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日历类分享
2014/11/18 PHP
Laravel 手动开关 Eloquent 修改器的操作方法
2019/12/30 PHP
js no-repeat写法 背景不重复
2009/03/18 Javascript
jquery获取div宽度的实现思路与代码
2013/01/13 Javascript
浅谈jQuery构造函数分析
2015/05/11 Javascript
轻松学习jQuery插件EasyUI EasyUI创建CRUD应用
2015/11/30 Javascript
基于javascript实现图片左右切换效果
2016/01/25 Javascript
javascript实现表单验证
2016/01/29 Javascript
JavaScript学习笔记--常用的互动方法
2016/12/07 Javascript
浅谈JS中的反柯里化( uncurrying)
2017/08/17 Javascript
React Native模块之Permissions权限申请的实例相机
2017/09/28 Javascript
jQuery 点击获取验证码按钮及倒计时功能
2018/09/20 jQuery
初学vue出现空格警告的原因及其解决方案
2019/10/31 Javascript
通过GASP让vue实现动态效果实例代码详解
2019/11/24 Javascript
基于canvas实现手写签名(vue)
2020/05/21 Javascript
ES6 async、await的基本使用方法示例
2020/06/06 Javascript
js实现贪吃蛇游戏(简易版)
2020/09/29 Javascript
Python写的贪吃蛇游戏例子
2014/06/16 Python
Window10+Python3.5安装opencv的教程推荐
2018/04/02 Python
Python模拟简单电梯调度算法示例
2018/08/20 Python
使用pycharm在本地开发并实时同步到服务器
2019/08/02 Python
使用python 对验证码图片进行降噪处理
2019/12/18 Python
python不同系统中打开方法
2020/06/23 Python
Python就将所有的英文单词首字母变成大写
2021/02/12 Python
Python xlwings插入Excel图片的实现方法
2021/02/26 Python
Gtech官方网站:地毯清洁器、吸尘器及园艺设备
2018/05/23 全球购物
巴西Mr. Cat在线商店:购买包包和鞋子
2019/09/08 全球购物
Brother加拿大官网:打印机、贴标机、缝纫机
2019/10/09 全球购物
义务教育学校标准化建设汇报材料
2014/08/16 职场文书
献爱心大型公益活动策划方案
2014/09/15 职场文书
司法工作人员群众路线对照检查材料思想汇报
2014/09/30 职场文书
在校生证明
2015/06/17 职场文书
2015上半年个人工作总结
2015/07/27 职场文书
Oracle11g R2 安装教程完整版
2021/06/04 Oracle
B站评分公认最好看的动漫,你的名字评分9.9,第六备受喜欢
2022/03/18 日漫
Spring Boot项目传参校验的最佳实践指南
2022/04/05 Java/Android