jQuery 对话框帮助答案

【问题标题】：JQuery Dialog HelpjQuery 对话框帮助
【发布时间】：2011-05-05 02:43:13
【问题描述】：

所以我的 UI 上有一个按钮调用这个 Javascript 函数：

function OpenHistory(transactionId, spanThatWasClicked)
    {   
        $.ajax({
            type: "POST",
            url: "<%= Url.Action("ViewHistory", "Indications") %>",
            data : { transactionId : transactionId },
            success: function(data) {
                $("#history").html(data);
                $("#history").dialog({
                    modal: true,
                    resizable: false,
                    title: "Valuation History",
                    width: 850,
                    height: 500,
                    autoOpen: true,
                    buttons: { "Close": function () { $(this).dialog("close"); } }
                });
            }
        });
    }

#history 它的设置在页面上看起来像这样：<div id="history"></div>

我第一次点击它——进行 AJAX 调用，打开对话框，一切看起来都很完美。

关闭对话框

我第二次点击它——没有任何反应。它会进行 AJAX 调用和所有操作，但屏幕上不会出现任何对话框。

刷新页面

它只在第一次点击时再次工作，就像上次一样。

这是一些奇怪的对话吗？

谢谢。

【问题讨论】：

标签： jquery html jquery-dialog

【解决方案1】：

尝试将成功代码更改为：

      success: function(data) {
            $("#history").html(data)
             .dialog({
                modal: true,
                resizable: false,
                title: "Valuation History",
                width: 850,
                height: 500,
                autoOpen: true,
                buttons: { "Close": function () { $(this).dialog("close"); } }
            }).dialog('open');
        }

这样它会确保通过dialog('open')调用打开

【讨论】：

【解决方案2】：

我认为这是因为一旦autoOpen 不会在后续调用中触发，就已经创建了对话框。尝试在 ajax 调用中添加 $("#history").dialog("open") 看看是否有帮助。您可以添加一些优化以确保您不会两次调用原始对话框创建代码（某种布尔变量）

【讨论】：

【解决方案3】：

你应该只调用一次来创建对话框

           $("#history").dialog({
                modal: true,
                resizable: false,
                title: "Valuation History",
                width: 850,
                height: 500,
                autoOpen: true,
                buttons: { "Close": function () { $(this).dialog("close"); } }
            });

打开对话框调用$("#history").dialog("open");

我建议在页面首次加载autoOpen: false 时创建对话框并根据需要打开它们

【讨论】：