0

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

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 是包含在文件中定义的函数，我想这是实际问题所在

4

2 回答 2

0

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

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

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

jQuery.getScript(path + 'imagemagnifier/jquery.loupe.js', function(){ $('img').loupe(); });
于 2012-06-29T18:36:03.703 回答
-1

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

每当调用时，它将加载任何脚本文件（内部或外部托管）。如果您已经在使用 jQuery，它不会真正增加任何额外的开销，并且您不必担心 HTML 的附加混乱。

在http://api.jquery.com/jQuery.getScript/阅读更多内容

于 2012-06-29T18:37:08.633 回答