.in
と.out
クラスでCSSアニメーションを実行している次のコードがあります。私の問題は、ダイアログがすぐに閉じて、閉じるアニメーションがまったく表示されないことです。したがって、ダイアログを閉じる前に約500ミリ秒の遅延が必要です。
$.extend( $.ui.dialog.prototype.options, {
modal: true,
open: function() {
$(this).parents('.ui-dialog').removeClass('out').addClass('in');
}
});
$confirm.dialog({
buttons: {
"ok": {
text:'Ok',
click: function() { $(this).dialog('close'); }
},
"cancel": {
text:'Cancel',
click: function() { $(this).dialog('close'); }
}
},
beforeClose: function(event, ui) {
$('.ui-dialog').removeClass('in').addClass('out');
}
}).dialog('widget').appendTo('.dialogWrapper');
に追加return false
してbeforeClose
から手動で関数を呼び出してみました.dialog('close')
が、それは無限ループを実行するだけで、ダイアログを手動で非表示にすることは無駄なコードのようです(ダイアログのオーバーレイも削除する必要があることは言うまでもありません)
この件について何か助けていただければ幸いです。
Si。