javascript - 如何将 JQuery 和另一个 JS 文件链接到我的 html？

Question

从 Google CDN 链接 jQuery 后，我需要一些帮助将 JS 文件链接到 html 文件。我可以将代码放入其中，但这使我的代码看起来不整洁。

这就是我正在做的事情:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
</script>
<script src="images/script.js"></script>
<script src="script.js"></script>

之后，我的代码就不起作用了。但是，当我将其放入脚本标签时，它确实如此。我正确链接到 script.js，但当我尝试单击某些内容时，代码不会激活。我可以做什么来解决这个问题？

我创建的代码是:

$('div').on('click', function () {
    $(this).toggleClass('show-description');
}); 

谢谢!

Answer 1

尝试将代码放入 jQuery 的文档就绪函数中。问题是您定义 onclick 处理程序时 DOM 尚未准备好。

jquery document ready function

  $( document ).ready(function() {

    $('div').on('click', function() {
      $(this).toggleClass('show-description');
    }); 
  });