如何检查我的所有jQuery文件是否已完全加载

Question

如何检查我的所有jQuery文件是否已完全加载。

我只想在加载与该div相关的所有jQuery文件时显示我的div。

文档就绪和窗口加载功能不起作用。

如何写一个条件函数，你可以检查是否所有的jQuery都加载然后显示div ....我在外部js文件中调用我所有的jQuery文件，（基本上我正在尝试创建一个插件我的客户端，以便我的external.js文件可以从我的服务器远程工作。）

       if (typeof jQuery === "undefined") {
       var script = document.createElement('script');
       script.src = 'js/jquery-1.7.1.min.js';
       script.type = 'text/javascript';
       document.getElementsByTagName('head')[0].appendChild(script);

       }

      if (typeof jQuery === "undefined") {
      var script = document.createElement('script');
      script.src = 'js/fancybox.js';
      script.type = 'text/javascript';
      document.getElementsByTagName('head')[0].appendChild(script);
     }

     document.ready = function() {
     $(document).ready(function(){

       $("#addimage").html("<a id='fancybox' href='large"+clientID+".jpg'><img border=0 src='thumb"+clientID+".jpg'/></a>");

     }
     });

所以我希望这个addimage div工作只有我的jquery文件完全加载

Answer 1

要在加载所有脚本时显示div，只需要在脚本加载后要显示的所有div之前编写/包含脚本

并检查外部脚本是否已加载，这可能是有帮助的JavaScript to detect when external javascripts are loading

您可以firebug

查看

并在firebug中看到本节

1.首先点击1我已指出 net

2.之后点击第二个 js

在firebug中，您还将知道脚本需要多长时间才能加载