javascript - .addClass 和 .delay 不起作用

Question

我尝试使用此解决方案 Using CSS for fade-in effect on page load在 this page

我把

<script type="text/javascript> 
$("#top).addClass("load");
</script>

在我的 javascript 中，但为什么它在加载时不添加加载类。我也试过了

<script type="text/javascript> 
$("#top").delay(1000).animate({ opacity: 1 }, 700);​
</script>

但还是不行。它在 JSFiddle 上有效，但在我的网站上无效。

请帮帮我!

谢谢，

阿迪

Answer 1

必须像这样触发它:

$(document).ready(function() {
       $("#top").addClass("load");
       $("#top").delay(1000).animate({ opacity: 1 }, 700);​
});