javascript - jQuery UI对话框的关闭效果

我正在使用以下代码来管理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");

效果很好，但是关闭对话框后看不到任何效果。

如何修改我的代码以获得此结果？

最佳答案

如果我理解正确，您希望对话框以渐隐效果关闭。

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