为什么jQuery对话在淡出时会缩小？

Question

$("#dialog").dialog({
    resizable: false,
    height:140,
    modal: true,
    hide: {effect: "fadeOut", duration: 5000},
    buttons: {
        Save: function() {
            alert("Saved");
            $("#dialog").dialog( "close" );
        },
        Cancel: function() {
            $("#dialog").dialog( "close" );
        }
    }
});

我正在使用Chrome。 Here's a demo

当我关闭对话框时，它会隐藏，但也会收缩。

我没有告诉它缩小！为什么这样做？

Answer 1

使用fade代替fadeOut将解决此问题。

请检查：http://jsbin.com/alafez/4/edit#preview

Answer 2

因为fadeIn和fadeOut不是show和hide选项的有效值。如果您删除effect: "fadeOut"，结果将相同。有效选项为fade。

Answer 3

$("#dialog").dialog({
    resizable: false,
    height:140,
    modal: true,
    hide: {effect: "fade", duration: 5000},
    buttons: {
        Save: function() {
            alert("Saved");
            $("#dialog").dialog( "close" );
        },
        Cancel: function() {
            $("#dialog").dialog( "close" );
        }
    }
});