外部 js 文件中的 JQuery 事件处理程序不起作用

JQuery eventhandler in external js file doen't work

本文关键字：事件处理 程序 不起作用 JQuery js 文件 外部      更新时间：2023-09-26

我不确定我是否做错了什么，或者它实际上不是这样工作的。

我有一个像 jquery 事件处理程序这样的 

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

这段代码就在我的</body>标签之前。当我在<script></script>标签之间编写代码时，它工作得很好。但是当我将代码放在外部 js 文件中并在同一位置添加<script src="myscript.js"></script>时，它不起作用。

我想

问题是你的外部文件是在创建 DOM 之前加载.element标头和标题中。您需要将外部文件链接放在页脚中，然后</body>标记。或者

用 
    $( document ).ready(function() {
         $('.element').on('click',function(){
           //do something
       });
   });
相关文章：