對jQuery UI對話框的關閉效果

Question

我正在使用以下代碼來管理jQuery UI對話框：

$("#mydialog").dialog({
      autoOpen: false,
      title: "myDialog",
      modal: true,
      width: "800",
      hide: null,
      open: function(event, ui){  
        //some code
    },
     close: function(event, ui){ 
        $("#mydialog").dialog("option", "fade", null);       
    }
});

然后我打開調用此代碼的對話框：

$("#mydialog").dialog("option", {
    modal: true
}).dialog("open");

這工作正常，但我關閉對話框時看不到任何效果。

如何修改我的代碼以獲得此結果？

Answer 1

如果我理解正確，你希望你的對話框關閉，褪色效果。

    $("#mydialog").dialog({
    autoOpen: false,
    title: "myDialog",
    modal: true,
    width: "800",
    hide: { effect: "fade", duration: 200 } //put the fade effect
});

Answer 2

這里的訣竅是在淡入淡出過程結束后讓對話框實際關閉，而不是在它之前。

嘗試使用此代碼關閉對話框，它應該做的伎倆：

$("#mydialog").fadeTo('slow', 0, function() {
  $("#mydialog").dialog('close');
});