Jquery对话框显示：盲目，隐藏：下降；只工作一次

Question

我有以下代码：

$("#dialog").dialog({
    height: 360,
    width: 630,
    modal: true,
    autoOpen: false,
    show: 'blind',
    hide: 'drop',
    resizable: false,
    dialogClass: 'noFloat'
});

$("#openDiag").click(function() {

    $("#dialog").dialog('open');

    $.ajax({
        type: "POST",
        url: "setHsdSegment.jsp",
        dataType: "html",
        resizable: false,
        //data:"name="+name+"&age="+age,
        success: function(data) {
            $("#response").html(data);
        }
    });
});

我面临的问题是，显示和隐藏只能工作一次。如果我再次单击按钮（#openDialog），则仅显示半透明屏幕，而不显示对话框。

有趣的是，只有当 hide 为“drop”且 show 为除“drop”之外的任何其他内容时，才会发生这种情况。但是当显示是“下降”并且隐藏是其他任何内容时，那么一切都很好。

当隐藏“drop”时，显示是否必须“drop”？

编辑：这只发生在 IE 中。 （像往常一样，IE 引起了问题。:D...为什么？）

Answer 1

这是 jQuery UI 中的一个已知错误：
http://bugs.jqueryui.com/ticket/5615

快速修复方法是销毁并重新创建对话框：

var $dlg = $("#dialog");
var dlgOptions = $dlg.dialog("option");
$dlg.dialog("destroy");
$dlg.dialog(dlgOptions);

看起来对话框会离开屏幕，并且在下次显示时忘记返回（除非“show”设置为“drop”，效果恰恰相反）。

Answer 2

在这个演示中似乎工作正常： http://jsfiddle.net/william/mQkH7/

也许尝试升级/降级您的 jQuery UI。

Answer 3

我找到了解决方法。不确定这是否是最好的方法，但它确实有效。
如下：

 $("#openDiag").click(function(){
  $('#dialog').dialog('destroy');
   $("#dialog").dialog({
                    height: 360,
                    width: 630,
                    modal: true,
                    autoOpen: true,
                    show: 'slide',
                    hide: 'drop',
                    resizable: false,
                    dialogClass: 'noFloat',
                    buttons: { "Ok": function() { $(this).dialog("close"); 

                                                } }
                });

似乎对于 IE，我需要先销毁对话框插件，然后才能创建新的对话框插件。我一开始就保留了“破坏”，因为我想保持结束效果。我在这里缺少的是在销毁插件之前检查插件是否存在。但它仍然可以正常工作，没有错误；我不知道为什么。

但这仍然没有回答问题，为什么这个问题首先存在，只针对这个特定的组合并且只在 IE 中。有人能告诉我原因吗？