.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);​
});

Answer 2

感谢您的回答朋友们。但这是工作版本

jQuery(document).ready(function($) {
$(".page-id-29 header#top").addClass("load");
});