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