Question

如果找不到图像，则删除 Bootstrap 的轮播项目

2016-06-09

708

javascript jquery twitter-bootstrap carousel

当页面加载时，如果图像返回 404 未找到错误，我想删除包装的 div.item ，以便轮播继续进行，好像..我该如何实现？

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

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

bootstrap 轮播标记

Answer 1

在图像标签上，您可以添加 onerror 事件

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

然后在您的函数上，您可以执行如下操作

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

2000 的值以毫秒为单位。