在背景图片加载时触发事件 [英] Trigger event on background image load

问题描述

有没有一种方法使用jQuery在加载CSS背景图片时触发事件?

Is there a way, using jQuery, to trigger an event on load of a CSS background image?

推荐答案

您可以这样做，

$('<img>').load(function(){
    // make sure to bind the load event BEFORE setting the "src"
    alert('image loaded');
}).attr('src',function(){
    var imgUrl = $('body').css('background-image');
    imgUrl = imgUrl .substring(4, imgUrl .length-1);
    return imgUrl;
}).each(function() {
    // fail-safe for cached images which sometimes don't trigger "load" events
    if(this.complete) $(this).load();
});

这篇关于在背景图片加载时触发事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！