1

我发现了一个小 javascript 片段，仅在之前未包含 javascripts 时才包含它们。

那是使用我自己的脚本，但是使用两个第三方库它不起作用，我真的不知道为什么。

    var included_files = new Array();
    function include_once(script_filename) {
        if (!in_array(script_filename, included_files)) {
            included_files[included_files.length] = script_filename;
            include_dom(script_filename);
        }
    }
    function in_array(needle, haystack) {
        for (var i = 0; i < haystack.length; i++) {
            if (haystack[i] == needle) {
                return true;
            }
        }
        return false;
    }
    function include_dom(script_filename) {
        var html_doc = document.getElementsByTagName('head').item(0);
        var js = document.createElement('script');
        js.setAttribute('language', 'javascript');
        js.setAttribute('type', 'text/javascript');
        js.setAttribute('src', script_filename);
        html_doc.appendChild(js);
        return false;
    }

function loaded() {
    include_once("shared/scripts/jquery.min.js");
    include_once("shared/scripts/iscroll.js");

    $(document).ready(function () {
        alert("hello");
    });
}

错误：$ 未定义。如果我以常规方式导入 jQuery，它会说“iScroll”未定义（因为我稍后会使用它）。

有任何想法吗？

4

4 回答 4

7

include_dom是异步的。它并行加载脚本，您无法真正确定何时加载脚本。您在开始下载后立即尝试使用 jQuery，但这是行不通的。

您需要使用允许您为加载的脚本指定回调的脚本。我会推荐 require.js

于 2012-10-19T07:48:05.360 回答
4

您正在将脚本添加到 DOM，但在尝试使用它们提供的功能之前不让它们加载。

您需要将回调绑定到要添加的脚本元素的加载事件。

（至少在大多数浏览器中，您可能必须在其他浏览器中实现一些技巧；您可能希望检查 jQuery 的 getScript 方法的源代码）。

于 2012-10-19T07:47:16.030 回答
2

使用脚本加载器。yepnope会做你想做的一切，甚至更多

于 2012-10-19T07:49:25.550 回答
2

有人说回调吗？

function include_once(script_filename, callback) {
        if (!in_array(script_filename, included_files)) {
            included_files[included_files.length] = script_filename;
            include_dom(script_filename, callback);
        }
    }

function include_dom(script_filename, callback) {
    var html_doc = document.getElementsByTagName('head').item(0);
    var js = document.createElement('script');
    js.setAttribute('language', 'javascript');
    js.setAttribute('type', 'text/javascript');
    js.setAttribute('src', script_filename);
    if(callback && callback != 'undefined'){
        js.onload =  callback;
        js.onreadystatechange = function() {
            if (this.readyState == 'complete') callback();
        }
    }
    html_doc.appendChild(js);
    return false;
}

function loaded() {
    include_once("shared/scripts/jquery.min.js", function(){
        $(document).ready(function () {
            alert("hello");
        });
    });
    include_once("shared/scripts/iscroll.js");
}
于 2012-10-19T08:04:14.477 回答