Dialog fadeOut离开边框

Question

我像这样创建我的JQuery Dialog

  $(thisDialog).dialog({
                open: function (event, ui) {
                    $(this).parent().children('.ui-dialog-titlebar').hide(); //hide titlebar.
                },
                position: [leftPos, topPos]
            });

我试着像这样淡出它，我无法重新打开它，并且还有一个边界框。

setTimeout((function () { $(thisDialog).fadeOut(1000, "linear", null) }), 2000);

这会删除边界框，但我无法重新打开它。

setTimeout((function () { $(thisDialog).parent().fadeOut(1000, "linear", null) }), 2000);

这允许我重新打开它，但它不会消失。我想要淡出效果。

setTimeout((function () { $(thisDialog).dialog("close"); }), 2000);

Answer 1

使用内置选项hide（以及show）：

$('#dialog').dialog({
    hide:{
        duration: 1000,
        easing: 'linear',
        effect: 'fade',
    },
});

fiddle

Answer 2

这很有用。不知道为什么。

   setTimeout((function () {
                $(thisDialog).parent().fadeOut(1000, "linear", null);
                $(thisDialog).dialog("close");

            }), 1000);