Question

我尝试使用脚本来更改div内部图像缺失时的可见性

这是div：

 <div id="bike01">
<a href="stock/bike1.html">
<table width="900" border="0" cellpadding="3" cellspacing="0" class="table">
<tr>
  <td width="245" rowspan="2"><img id="bike1" src="stock/bike1/images/image1.jpg" name="bike1" width="245" height="184" />
  </td>
  <td width="468"><div id="title1"></div></td>
</tr>
<tr>
  <td colspan="2"><div id="desc1"></div></td>
</tr>
</table>
</a>
</div>

这是我的脚本（在编写脚本时我是一个完全的初学者 - 我刚从研究我的问题中选择了这个）

 <script>
$("#bike1").error(function () { 
$("#bike01").css({visibility:"hidden"});  
});
</script>

基本上如果img＃bike1丢失了，我希望整个div＃bike01消失。

Answer 1

为什么不这样做：

<img id="bike1" src="stock/bike1/images/image1.jpg" onerror="this.style.display='none';" />

How do I hide broken images in javascript?

<img id="bike1" src="stock/bike1/images/image1.jpg" onerror='$("#bike01").css({visibility:"hidden"});' />

Answer 2

试试这个：

<script>
    $("#bike1").on('error', function() {
        $("#bike01").hide();
    });
</script>

如果图像丢失，如何隐藏父div

2 个答案: