jQuery UI的对话框（）淡入问题

Question

的jsfiddle：http://jsfiddle.net/loren_hibbard/ChXbr/

我试图使用jQuery UI的对话框，但无法弄清楚如何使它fadeIn当它出现时，并fadeOut当它被关闭。

如果我做这样的事情......

// Dialog   
$('#dialog').dialog({ 
    autoOpen: false, 
    width: 600, 
    modal: true, 
    show: 'fadeIn(300)' 
}); 

...然后模态排序幻灯片与所有文字里面不断有其理由和格式调整是怪异的jQuery效果。我只想在内容顺利实现的地方正常淡入淡出（http://www.bennadel.com/resources/presentations/jquery/demo5/index.htm）。

此外，是否有模式叠加有点暗？当我删除看起来不相关的文本的段落时，怎么会发现模态停止工作？

Answer 1

试试这个：

$("#dialog").dialog({ 
    autoOpen: false, 
    show: { 
     effect: 'fade', 
     duration: 2000 
    }, 
    hide: { 
     effect: 'fade', 
     duration: 1000 
    } 
}); 

jsFiddle example我的代码和jsFiddle使用你的代码。顺便说一句，在你的例子中，你有模态设置为true和false。

Answer 2

你可以尝试：

// Dialog   
$('#dialog').dialog({ 
    autoOpen: false, 
    modal: false, 
    width: 600, 
    modal: true, 
    show: function() {$(this).fadeIn(300);} 
});