JQuery eventhandler在外部js文件中無法正常工作

Question

我不知道如果我做錯了什麼或者如果它實際上不以這種方式工作。

我我</body> tag之前有一個jQuery的事件處理程序像

$('.element').on('click',function(){ 
    //do something 
}); 

這個代碼來。當我寫代碼之間的代碼<script></script>它工作得很好。但是，當我把代碼放在一個外部的js文件中，並將它與​​在相同的地方添加，它不起作用。

Answer 1

我想問題是你的外部文件被加載到標題&之前，創建DOM .element。您需要在</body>標記之前將您的外部文件鏈接放置在頁腳中。或者用

$(document).ready(function() { 
     $('.element').on('click',function(){ 
      //do something 
     }); 
    });