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