执行后回调的Modernizr / yepnope已加载的所有文件(Execute callback

2019-11-02 13:21发布

我之前,我在我的网页上运行的后续脚本加载一些测试条件和文件。 有没有办法我所有的文件都加载之后触发回调?

以下是建议这个职位和我的沟通意图,但实际上并没有正常工作。 1.js或2.js完成加载之前在完成的功能是射击。

Modernizr.load([
    {
        test: App.isSmallScreen,
        yep:  '1.js',
        nope: '2.js'
    },
    {
        test: App.isTouch,
        yep: '3.js'
    },
    {
        test: Modernizer.csstransitions,
        nope:4.js
    },
    {
        complete: animationInit
    }
]);

Answer 1:

提前道歉,这样的把戏,但这是我能拿出最好的。 它绝对可以改善,虽然。

或许,这将是相当简单嵌入这个或扩展Modernizr的建立在以某种方式“已完成”事件要做到这一点更干净。

var completed = []
var complete = function(i) {
  completed.push(i)
  if (completed.length === 3) animationInit();
}

Modernizr.load([
    {
        test: App.isSmallScreen,
        yep:  '1.js',
        nope: '2.js',
        complete: function() { complete(1); }
    },
    {
        test: App.isTouch,
        yep: '3.js'
        complete: function() { complete(2); }
    },
    {
        test: Modernizer.csstransitions,
        nope:4.js
        complete: function() { complete(3); }
    }
]);


文章来源: Execute callback after modernizr/yepnope has loaded all files