jquery ui对话框模式仅使用类选择器打开一次

时间:2013-10-07 11:08:40

标签: javascript jquery jquery-ui

        $(".groomed").click(function() {
            var modal = $(".dash-modal", this).dialog({
                    height:400,
                    width:800,
                    modal:true,
                    autoOpen: false,
                    Cancel: function() {
                            $(".dash-modal", this).dialog("destroy");
                    }
            });
            console.log(modal);
            modal.dialog('open');
    });

我已经抛弃了所有的堆栈溢出,它们都处理了一个id选择器,我需要这个来处理类选择器。代码包含在上面。

控制台会在第一次点击时记录以下内容:

[div #ui-id-2.dash-modal info ui-dialog-content ui-widget-content,prevObject:e.fn.e.init [1],context:tr.groomed,selector:“。 dash-modal“,构造函数:function,init:function ...]

这是第二个: [prevObject:e.fn.e.init [1],context:tr.groomed,selector:“。dash-modal”,constructor:function,init:function ...]

所以看起来整个功能在模态关闭后被移除,api说要使用destroy,我已经尝试了两个关闭:并取消:

请帮助,谢谢!

1 个答案:

答案 0 :(得分:0)

  Cancel: function() {
                            $(".dash-modal", this).dialog("destroy");
                    }

通过这个你破坏对话框

关闭对话框以根据您的要求使用

 Cancel: function() {
                            $(".dash-modal", this).dialog("close");
                    }

参考 dialog close dialog destroy