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示例,以及使用您的代码的 jsFiddle.顺便说一句,在你的例子中,你有模态设置为true和false.