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

Why does jQuery dialog shrink while fading out?

本文关键字：缩小 淡出 jQuery 对话框 为什么      更新时间：2023-09-26
$("#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" );
        }
    }
});

我正在使用浏览器。这是一个演示。

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

我没叫它缩小！它为什么要这样做？

使用 fade 而不是 fadeOut 将解决问题。

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

因为淡入和淡出不是显示和隐藏选项的有效值。如果删除effect: "fadeOut"，结果将是相同的。有效选项为 fade 。

$("#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" );
        }
    }
});
相关文章：