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

Question

        $(".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]，上下文：tr.groomed，选择器：“.dash-modal "，构造函数：函数，初始化：函数...]

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

所以看起来在模态关闭后整个功能都被删除了，api说要使用destroy，我已经尝试过关闭：和取消：

请帮忙，谢谢！

Answer 1

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

这样你就破坏了对话框

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

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

参考对话框关闭和对话框销毁