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 
     }); 
    });