jQuery ui1.7 dialog只能弹出一次问题

 更新时间:2009年08月27日 00:30:56   作者:  
之前对于删除操作,一直使用的是头儿写的通用的“确认删除”的方法
复制代码 代码如下:

// 显示确认对话框
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,搞定~~

相关文章

  • jQuery的deferred对象详解

    jQuery的deferred对象详解

    开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异步的操作(比如ajax读取服务器数据),也有同步的操作(比如遍历一个大型数组),它们都不是立即能得到结果的。
    2014-11-11
  • jQuery基础知识点总结(必看)

    jQuery基础知识点总结(必看)

    下面小编就为大家带来一篇jQuery基础知识点总结(必看)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • jquery数据验证插件(自制,简单,练手)实例代码

    jquery数据验证插件(自制,简单,练手)实例代码

    最近项目中js数据验证比较多,为了统一风格,移植复用,于是顺手封装了Jquery的插件
    2013-10-10
  • JQuery Ajax执行跨域请求数据的解决方案

    JQuery Ajax执行跨域请求数据的解决方案

    今天小编就为大家分享一篇关于JQuery Ajax执行跨域请求数据的解决方案,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2018-12-12
  • 使用jquery+CSS3实现仿windows10开始菜单的下拉导航菜单特效

    使用jquery+CSS3实现仿windows10开始菜单的下拉导航菜单特效

    本文是基于jquery和css3实现的仿windows10开始菜单的下拉导航菜单特效,代码超简单,感兴趣的朋友一起看看吧
    2015-09-09
  • jQuery实现页面点击后退弹出提示框的方法

    jQuery实现页面点击后退弹出提示框的方法

    这篇文章主要介绍了jQuery实现页面点击后退弹出提示框的方法,涉及jQuery事件触发机制相关操作技巧,需要的朋友可以参考下
    2016-08-08
  • jQuery 全选效果实现代码

    jQuery 全选效果实现代码

    利用jquery实现的全选效果代码,实际上我感觉直接用js好像更容易些。不过这样对于jquery的操作可以更熟悉。
    2009-03-03
  • 深入理解$.each和$(selector).each

    深入理解$.each和$(selector).each

    下面小编就为大家带来一篇深入理解$.each和$(selector).each。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • jQuery对象初始化的传参方式

    jQuery对象初始化的传参方式

    本文简单介绍了jQuery对象初始化传参方式,以及具体的示例,是篇非常不错的文章,这里推荐给小伙伴们。
    2015-02-02
  • jquery 交替为表格添加样式的代码

    jquery 交替为表格添加样式的代码

    学习了jquery,发现其功能真的很令我惊讶,为表格添加背景色用css也可以实现,却不得不在<tr>标签里一行一行地添加,但用jquery只需四行代码,就是这样精简的用法,让我对jquery产生了极大的兴趣,也不得不惊叹新兴的技术所带来的效率!
    2010-01-01

最新评论