javascript文件中的Jquery引用

Question

下面是一个在网页上放大图像的演示

http://jdbartlett.com/loupe/

我尝试使用开源代码将其构建到一个插件中，该插件可以作为脚本安装在浏览器中，这样它就可以在任何通过它查看的网站(浏览器)上工作。

代码示例包含一些演示和两个jquery文件，为了使用代码，需要引用这两个文件

我需要做的是开发另一个.js文件，并(以某种方式)包含所需的jquery库

我尝试了以下代码

function

 include(filename, onload) {

var head = document.getElementsByTagName('head')[0];

 var script = document.createElement('script');

    script.src = filename;
    script.type = 'text/javascript';
    script.onload = script.onreadystatechange = function () {
        if (script.readyState) {
            if (script.readyState === 'complete' || script.readyState === 'loaded') {
                script.onreadystatechange = null;
                onload();
            }
        }

        else {
            onload();
        }
    };
    head.appendChild(script);

}
include(path + 'imagemagnifier/jquery.loupe.js');


$('img').loupe();

其中，loupe是在包含的文件中定义的函数，我猜这就是实际问题所在

Answer 1

使用第二个参数调用要在加载文件时运行的代码。

include(path + 'imagemagnifier/jquery.loupe.js', function(){ $('img').loupe(); });

但是既然是jQuery，为什么不使用getScript呢

jQuery.getScript(path + 'imagemagnifier/jquery.loupe.js', function(){ $('img').loupe(); });

Answer 2

为什么不使用jQuery函数$.getScript(scriptName, callback)

无论何时调用，它都会加载任何脚本文件(内部或外部托管)。如果你已经在使用jQuery了，它实际上不会增加任何额外的开销，而且你也不必担心乱七八糟的附加HTML.

有关更多信息，请访问http://api.jquery.com/jQuery.getScript/