Question

在我从谷歌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');
    }); 
  });

Answer 2

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

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

2 个答案: