Javascript 如何将eventListener添加到外部js文件内的图像?

Javascript 如何将eventListener添加到外部js文件内的图像?,javascript,jquery,image,external,imagesloaded,Javascript,Jquery,Image,External,Imagesloaded,我有一个附加外部javascript文件(由游戏创建者生成的文件)的索引文件。我试图检查javascript文件中的图像是否已加载,以便通过将类“.loaded”添加到正文中来删除预加载程序。我找不到允许我这样做的函数。我尝试过.load、onLoad、document.ready等。我认为window.onLoad只在所有依赖资源(图像)也被加载后执行,但它在加载附加的javascript文件后但在图像加载之前启动 示例代码: <body> <!---PreLoader---

我有一个附加外部javascript文件(由游戏创建者生成的文件)的索引文件。我试图检查javascript文件中的图像是否已加载,以便通过将类“.loaded”添加到正文中来删除预加载程序。我找不到允许我这样做的函数。我尝试过.load、onLoad、document.ready等。我认为window.onLoad只在所有依赖资源(图像)也被加载后执行,但它在加载附加的javascript文件后但在图像加载之前启动

示例代码:

<body>
<!---PreLoader--->
<div id="loader-wrapper">
    <div id="loader"></div>
</div>
<div id="content">
  (Modernizer code here that appends the js file, using function below)
  jQuery(function () {
   $('body').append("<script src='" + widgetName + ".js'></script>");
  }
</div>

(使用下面的函数,将附加js文件的代码现代化)
jQuery(函数(){
$('body')。追加(“”);
}

我尝试的一个选项是在图像之前触发:

$(文档).ready(函数(){
$('body').addClass('loaded');
});


提前感谢您的帮助。

ready在dom准备就绪时启动。Load在页面加载且图像(包括)完全加载时启动。我也遇到了一个问题-我发现了这个问题:与图像一起使用时加载事件的注意事项