如何将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() {

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

Answer 2

检查有关html文件的script.js文件的文件路径。