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。