javascript - Jquery fadeIn 无法工作

Question

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

这是我正在使用的代码：

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

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

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

score 3 · Accepted Answer

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

尝试：

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

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

score 2 · Accepted Answer

尝试像这样从淡入淡出中删除 '' 标记：

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

问题是您正在发送一个字符串参数，而它应该是一个数字到 fadeIn 函数。

score 1 · Accepted Answer

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

3 回答 3