如何將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文件的文件路徑。