javascript - JS 不工作。引用正确，但不起作用

Question

http://mogswamp.com/testing/

单击“单击以查看激励措施”标题应使框下拉。我不知道出了什么问题。我一直在摆弄这个，并且不知所措。我真的很感激一些帮助。

<script language="JavaScript" type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script language="JavaScript" type="text/javascript" src="/testing/extend.js"></script>

扩展.js

(function(){
  $('.incentives').hide();

  $('.incentives-click').on("click", function(){
    $('.incentives').fadeToggle();
  });
})();

如果您需要我提交其他任何内容，请询问，但在页面源代码中应该很容易看到。谢谢。

Answer 1

看起来您的代码在脚本和/或页面完全加载之前正在执行。试试这个：

$(document).ready(function() {
  $('.incentives').hide();

  $('.incentives-click').on("click", function(){
    $('.incentives').fadeToggle();
  });
});

Answer 2

要么把你的 javascript 放在你应该的页面底部，而不是放在head，或者让它与它之后添加的内容一起工作。尝试事件委托，或者等待DOM 就绪