jQuery 窗口在特定点加载

Question

$(window).load(...

等待窗口中的所有内容加载。这是伟大的。但最近我非常希望在页面加载的特定点触发一个事件。例如，“除了图像之外的一切”。

我希望我能列出我失败的尝试，但我不知道从哪里开始，即使这样的事情是可能的。

类似：

$(window).partialLoad({
    exclude : 'jpg, png, gif'
}, function(){
    //do something when page has fully loaded except for images
});

或者相反

$(window).partailLoad({
    waitFor : 'woff, eot'
}, function(){
    //do something after all woff and eot files have loaded
});

如果可能的话，我会写一个很好的插件来处理它。谁能指出我如何实现这一目标的正确方向？

Answer 1

假设$(window).load() 等待所有链接资源下载，我们可以编写您自己的，假设没有图像，那就是iframe[src]、script[src]、link[rel="stylesheet"]等等

var items = $('iframe[src], link[rel="stylesheet"], script[src]'),
    itemsLength = items.length;

items.load(function() {
    --itemsLength;

    if ( ! itemsLength) {
        // All loaded!
    }

});