在carousel插件运行之前用jquery删除html

Question

我试图根据缺失的图像从无序列表中删除html，这就是我正在使用的

$("img").error(function () {
    $(this).parent().remove(); 
});

删除列表条目罚款。问题是图像在旋转木马中使用，由http://www.thomaslanciaux.pro/jquery/jquery_carousel.htm控制，并且在删除之前对它们进行计数，这会导致空白帧。

任何建议让这段代码以在旋转木马处理之前删除html的方式运行，我们将不胜感激。

Answer 1

您可以在加载$('img').load(...)上添加另一个跟踪所有图像的侦听器，一旦所有图像都已加载或出错，您就会加载轮播插件。

例如：

var startCarousel, imgCount = $('img').length;

startCarousel = function() {
    if (imgCount === 0) {
        $('img').carousel(); // TODO adjust this to match the way you start your carousel
    }
}  

$('img').load(function() {
    imgCount--;
    startCarousel();
})
.error(function() {
    imgCount--;
    $(this).parent().remove();
    startCarousel();
});