0

次のコードブロックはimagecontent、動的に入力された空の画像とそのキャプションのプレースホルダー（）を非表示にします。

<head>
<script type="text/javascript">
  function empty_image_handler() {
    document.getElementById("imagecontent").style.display = "none";
  }
</script>
</head>

<body>
<div id="imagecontent"> 
      <img src="imagearchive/<?php echo $row_images['mage_link']; ?>" alt="<?php echo $row_images['image_caption']; ?>" onerror= 'empty_image_handler();' />
      </div>
</body>

問題は、上記のコードブロックは完全に機能しxhtml DOCTYPEますが、html DOCTYPEコンプライアンスであるということです。その結果、ドキュメントはw3c検証プロセスでは検証されません。

imagecontentさらに、画像が見つからない場合は、divの空のスペースを代替のダミー画像に置き換えたくありません。

検証プロセスを通じて検証される空のイメージを処理するためのコンプライアンスイベントにxhtml DOCTYPE類似したコンプライアンスエラーハンドラーイベントはありますか？html DOCTYPEonerror

正確な目的を果たすjQueryを使用した代替ソリューションに関するリファレンスまたはガイドラインも高く評価されます。

4

1 に答える 1

1

画像IDやクラスを必要としないjQueryの簡単な解決策は次のとおりです。

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

https://stackoverflow.com/a/10447080/1799764でcoderという名前のユーザーから回答がありました

于 2013-02-26T13:58:03.907 に答える