jQuery：在模态对话框中淡入淡出答案

【问题标题】：jQuery: fading in modal dialogjQuery：在模态对话框中淡入淡出
【发布时间】：2011-03-26 22:21:08
【问题描述】：

是否可以平滑淡入 jquery 模态对话框？（在文档中找不到任何内容）。我试过 fadeTo 但没有帮助。

【问题讨论】：

【解决方案1】：

你可以使用show option（诚然名字不好，太笼统了），像这样：

$("#dialog").dialog({ show: 'fade' });

关闭动画是匹配的hide option，例如：

$("#dialog").dialog({ show: 'fade', hide: 'drop' });

You can give it a try here

【讨论】：

在您的演示中有效，但不适用于我：/ 需要找出问题所在 - 无论如何谢谢！
@Fuxi - 您使用的是哪个版本的 jQuery UI？ fade 是在 1.8 中作为效果添加的，在之前的版本中不起作用。
是的，我有一个旧版本 - 刚刚将 jquery 更新到 1.42 和 ui 到 1.84 - 仍然是同样的问题：/ 使用时效果很好： me.dialog("open");但不是： me.dialog({ show: 'fade' });当使用淡入淡出时，什么都不会发生..
@Fuxi - 你的控制台有错误吗？请记住，我的回答是关于 setup，而不是公开电话。例如，如果您有autoOpen: false，您仍然需要调用.dialog('open')，并且show 选项应该在您的设置选项中，例如：.dialog({ autoOpen: false, show: 'fade' }) 然后稍后.dialog('open')。
thx - 这就是问题所在 :) 我把它放在选项中，它出现了 - 但现在下一个问题：它不是淡入而是折叠！对话框也是纯白色的（没有标题栏，没有内容）

【解决方案2】：

您可以将show 和hide 定义为对象，这将使您可以访问更多选项：

$("#element").dialog({
    show: {
        effect: 'fade',
        duration: 200 //at your convenience
    },
    hide: {
        effect: 'fade',
        duration: 200 //at your convenience
    }
});

【讨论】：

应该选这个答案！