使用Google AJAX Libraries API时,将jQuery注入页面失败

Question

我想使用Google AJAX Libraries API将jQuery注入页面,我提出了以下解决方案:

http://my-domain.com/inject-jquery.js:

;((function(){

  // Call this function once jQuery is available
  var func = function() {
    jQuery("body").prepend('<div>jQuery Rocks!</div>');
  };

  // Detect if page is already using jQuery
  if (!window.jQuery) {
    var done = false;
    var head = document.getElementsByTagName('head')[0];
    var script = document.createElement("script");
    script.src = "http://www.google.com/jsapi";
    script.onload = script.onreadystatechange = function(){

      // Once Google AJAX Libraries API is loaded ...
      if (!done && (!this.readyState || this.readyState == "loaded" || this.readyState == "complete")) {

        done = true;

        // ... load jQuery ...
        window.google.load("jquery", "1", {callback:function(){

          jQuery.noConflict();

          // ... jQuery available, fire function.
          func();
        }});

        // Prevent IE memory leaking
        script.onload = script.onreadystatechange = null;
        head.removeChild(script);
      }
    }

    // Load Google AJAX Libraries API
    head.appendChild(script);

  // Page already using jQuery, fire function
  } else {
    func();
  }
})());

然后,该脚本将包含在单独域中的页面中:

http://some-other-domain.com/page.html:

<html>
  <head>
    <title>This is my page</title>
  </head>
  <body>
    <h1>This is my page.</h1>
    <script src="http://my-domain.com/inject-jquery.js"></script>
  </body>
</html>

在Firefox 3中,我收到以下错误:

Module: 'jquery' must be loaded before DOM onLoad! jsapi (line 16)

该错误似乎特定于Google AJAX Libraries API,因为我见过其他人使用jQuery bookmarklet将jQuery注入当前页面.我的问题:

• 有没有一种方法可以将Google AJAX Libraries API/jQuery注入页面而不管onload/onready状态如何？

Answer 1

如果您正在注入,则可以更轻松地在不使用Google加载器的情况下请求脚本:

(function() {
    var script = document.createElement("script");
    script.src = "http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js";
    script.onload = script.onreadystatechange = function(){ /* your callback here */ };
    document.body.appendChild( script );
})()