php - 为什么 jQuery 在我的网站上不起作用？

Question

Possible Duplicate:
jQuery not even being called

有趣的是，在 jsfiddle 上，如果我从左侧面板中选择最新的 jQuery 选项，它会完美地工作。 该网站基本上是运行此菜单功能的测试页面。 HTML:

 <script src="http://code.jquery.com/jquery.min.js"></script>
<script>
  $('a.expand').hover(function() {
  $('#Menu').slideToggle();
});



</script>
<a href="" class="expand">
<p>hello!</p>
</a>
<div id="Menu">
wowtest
</div>

如果有帮助的话，这是一个 PHP 文件。

jsfiddle:http://jsfiddle.net/txeD9/

Answer 1

这是因为执行脚本时没有 a.expand 元素，因为这些元素是在之后声明的。

将代码放在正文末尾或使用 a ready callback将其更改为

<script>
   $(function(){
    $('a.expand').hover(function() {
      $('#Menu').slideToggle();
    });
   });
</script>

编写 $(function(){ somecode }); 要求 jQuery 在 DOM 准备就绪时执行 somecode。