jquery - JQuery：fadeIn 无法正常工作。内容仅在短时间内可见

Question

我使用 JQuery 来淡入我的内容，如下所示：

.content {
display:none;
}

$('.content').fadeIn(500);

但是 .content 只在短时间内可见，它只是“闪烁”一秒钟。似乎 css 推翻了 JQuery 命令。

有谁知道，我该如何解决？

编辑：我只使用上面的代码。唯一的区别是，我有一个 div .container_inside 并且 div .content 使用 $.load() 加载到 .container_inside 中。加载后我执行 $('.content').fadeIn(500)。会不会是，内容 div 已加载，而 JQuery 命令在它无法“找到”.content 之后？我没有回调函数。

Answer 1

您可以使用delay 演示

脚本

$(document).ready(function(){
    $('.content').delay(500).fadeIn(1500);
});

​CSS

.content {
    display:none;
}​

HTML

<div class="content">
    Some text blah blah blah...
</div>​