Jquery淡入淡出失败

Question

我知道这可能听起来像是一个重复的问题，但我找不到答案。我试图淡入标题，它根本无法正常工作。然而，当我尝试使用show函数时，它的效果非常好。

这是我正在使用的代码：

$(document).ready( function() {
    $('.header h1').fadeIn('5000');
});

就像我之前说的那样，当我show代替fadeIn时，它的效果非常好。老实说，我不知道为什么它不起作用。

我已将display:none设置为.header h1。文本不以淡入淡出的方式显示。它只是像页面的其余部分一样立即显示。我正在使用最新的jquery。

Answer 1

您将持续时间作为字符串传递，它应该是数字或其中一个fadin选项，如slow, fast, etc

尝试：

$(document).ready( function() {
    $('.header h1').fadeIn(5000);
});

  

持续时间以毫秒为单位;值越高表示动画越慢，而动画越快。可以提供字符串'fast'和'slow'以分别指示200和600毫秒的持续时间。如果提供了任何其他字符串，或者省略了duration参数，则使用400毫秒的默认持续时间。

Answer 2

尝试删除fadeIn中的''标记，如下所示：

$(document).ready( function() {
    $('.header h1').fadeIn(5000);
});

问题是你要发送一个字符串参数，而它应该是fadeIn函数的数字。

Answer 3

根据文档，fadeIn接受Number或String作为第一个参数。字符串必须是“慢”或“快”。任何其他字符串默认为400毫秒。所以它应该工作，但可能不如你期望的那样。