如果找不到图像，请删除Bootstrap的Carousel项目

Question

当页面加载时，如果图像返回404 not found错误，我想删除包裹div.item，以便轮播继续，好像..我怎么能实现这个？

这是我的逻辑......但没有运气

$(window).load(function() {
    $(".item img").error(function () { 
        $(this).parent('div.item').remove();
    });
});

bootstrap carousel markup

Answer 1

在图片标记上，您可以添加onerror事件

<img src="404imagegoeshere" onerror="functionToRemoveWrapping(this)">

然后在你的功能上你可以做这样的事情

    <script>
         function functionToRemoveWrapping(image) {
           setTimeout(function(){
             $(image).parent().remove;
           }, 2000);    
         }
    </script>

2000值以毫秒为单位。