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