Почему диалог 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. Вот демоверсия .

Когда я закрываю диалоговое окно, оно скрывается, но также сжимается.

Я не сказал, чтобы он сжался! Почему он это делает?

Answer 1

Поскольку fadeIn и fadeOut не являются допустимыми значениями параметров show и hide.Если вы удалите effect: "fadeOut", результат будет таким же.Допустимая опция: fade.

Answer 2

Использование fade вместо fadeOut решит проблему.

Проверьте это: http://jsbin.com/alafez/4/edit#preview

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" );
        }
    }
});