jquery - .延迟不起作用

Question

我对 jQuery 比较陌生，所以这可能是初学者的错误，但由于某种原因我无法让 .delay() 函数工作。

我正在使用的代码是:

$(document).ready(function() {                     
    $("div#main").css("opacity","0");  
    $("div#main").animate({opacity: 1}.delay(1000), 'slow');  
});

使用“jQuery 1.2.3 - New Wave Javascript”脚本

谁能指出我做错了什么？提前致谢!

Answer 1

我看到两个问题。一是 jQuery 1.2.3 中没有延迟功能。您需要将其作为插件包含或更新到最新版本的 jQuery。假设您已经完成了此操作，另一个问题是您在普通 JavaScript 对象上调用 delay，而不是 jQuery 对象。您应该因尝试调用不存在的函数而收到错误。所以代替这个:

$("div#main").animate({opacity: 1}.delay(1000), 'slow');

使用这个:

$("div#main").delay(1000).animate({opacity: 1}, 'slow');

这会在动画队列中插入一秒的延迟，该延迟将在触发不透明动画之前执行。