jquery图像预加载在代码中的bootstrap javascript之前放置时不起作用

Question

我有一个小脚本，可以在网站的图库中预先加载图像。我面临的问题是，由于页面的页脚是一个单独的文件（footer.php），然后在生成页面时包含该文件，图像库的内容是在页脚javascript之前生成的，并且由于某种原因它放置之前不会预先加载图像 - 仅在放置之后。

所以基本上，footer.php包含以下javascript：

    <script src="assets/js/jquery.js"></script>
    <script src="jquery.preload.min.js"></script>
    <script src="dist/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/dropdown.js"></script>   

在图像预加载后加载：

<script>
jQuery(function(){
    $.preload( 
       '1.jpg',
       '2.jpg',
       '3.jpg'
    );

});
</script>

所以基本上它按此顺序加载：

• 图片预加载
• bootstrap javascript

奇怪的是，当我在引导程序javascript之后放置图像预加载时，它工作正常，但是当我放置它之前，它没有。

不幸的是，我没办法让软件在bootstrap javascript之后生成图像预加载代码，因为图像名称会根据页面而改变。

是否有任何需要修改的图像预加载代码才能工作？