代码之家 › 专栏 › 技术社区 › RobertPitt

循环后的javascript回调

jquery javascript

RobertPitt · 技术社区 · 14 年前

我刚刚开始了一个新的Wordpress博客,我已经开始建立JavaScript基础了!

这是我的密码!

var Utilities = {
    Log : function(item)
    {
        if(console && typeof console.log == 'function')
        {
            //Chrome
            console.log(item);
        }
    },
    LoadLibraries : function(callback)
    {
        $.each(Wordpress.required,function(i,val){
            //Load the JS
            $.getScript(Wordpress.theme_root + '/js/plugins/' + val + '/' + val + '.js',function(){ //  %/js/plugins/%/%.js
                Utilities.Log('library Loaded: ' + val);
            });
        });
        callback();
    }
}

用法是这样的!

Utilities.LoadLibraries(function(){
    Utilities.Log('All loaded');
});

上面你看到了 callback() 在文件进入dom之前正在执行witch!我需要在每个图书馆的收纳结束时打电话!

1 回复 | 直到 11 年前

Andy E 14 年前

$.getScript() 是一个异步调用,因此javascript代码将继续执行,直到调用完成。你已经知道了, $.getScript() 还接受回调函数作为 success 参数,该参数将在异步调用完成时执行。您必须围绕该参数来解决问题,可能的方法是从数组中删除脚本,然后检查该数组是否为空。

    $.each(Wordpress.required,function(i,val){
        //Load the JS
        $.getScript(Wordpress.theme_root + '/js/plugins/' + val + '/' + val + '.js',function(){ //  %/js/plugins/%/%.js
            Utilities.Log('library Loaded: ' + val);

            // Remove the completed item
            delete WordPress.required[i];

            // If array is empty, all scripts loaded - execute callback!
            if (!Wordpress.required.length)
                callback();              
        });
    });

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前