外部js文件中的JQuery eventhandler无法正常工作

Question

我不确定我是做错了什么，或者它是否真的没有这样做。

我有一个类似

的jquery事件处理程序

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

此代码就在我的</body>标记之前。当我在<script></script>标签之间编写代码时，它可以正常工作。但是，当我将代码放在外部js文件中并在同一位置添加<script src="myscript.js"></script>时，它无法正常工作。

Answer 1

我猜问题是您的外部文件已加载到标题和文件中在DOM .element创建之前。您需要在</body>标记之前将外部文件链接放在页脚中。或者用

包装你的代码

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