jquery/javascript - 画像を含むdivが壊れている場合は

Question

私はクラス 'userFeatureProductImage'を持つdivを持っています。このdivが繰り返されますが、ときどき壊れた画像が表示されることがあります。この場合、予防策としてdivを非表示にします。これどうやってするの？

Answer 1

loadイベントが、画像のみが有効であれば解雇されています。

$('.userFeatureProductImage').hide(); 
$('.userFeatureProductImage img').load(function() { 
    $(this).closest('.userFeatureProductImage').show(); 
}); 

Answer 2

エラーが画像に発生したときに呼び出されerrorイベントを使用します。

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

例：http://jsfiddle.net/jonathon/vWwpc/

Answer 3

jQuery equivalent of PHP's file_exists()?

Answer 4

<script type="text/javascript" 
     src="http://code.jquery.com/jquery-1.4.4.min.js"></script> 
<script type="text/javascript"> 
    function hideBrokenImage(id) { 
      $(id.+"userFeatureProductImage").hide(); 
    } 
</script> 
<div id="imageFilename" class="userFeatureProductImage"> 
    <img src="imageFilename.gif" onerror="hideBrokenImage(imageFilename);" /> 
</div> 

ここで、明らかにimageFilenameが動的に作成されます。