Question

以下是网页上放大图像的演示

我尝试使用开源代码将其构建成一个插件，该插件可以作为脚本安装在浏览器中，以便它可以用于通过它浏览的任何网站（浏览器）

代码示例包含少量演示和两个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/

了解详情

javascript文件中的Jquery引用

2 个答案: