符合XHTML錯誤處理事件來處理空圖像

下面的代碼塊隱藏動態填充空的圖像和其標題的佔位符（imagecontent）：符合XHTML錯誤處理事件來處理空圖像

<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 DOCTYPE符合onerror事件來處理空圖像，應通過驗證過程驗證？

任何有關jQuery替代解決方案的參考或準則也應該被理解。

感謝，

來源

2013-02-23 Silent Pond

使用[unobtrusive JavaScript]（http://en.wikipedia.org/wiki/Unobtrusive_Javascript）鉤住你的錯誤事件處理程序 – Alohci 2013-02-23 11:56:55

@Alohci獲得關於火箭科學的知識對我們來說並不困難我們試圖做到這一點，但我只有根據我目前的情況，纔能有足夠的空間來解決問題。無論如何，謝謝你的建議。 – 2013-02-25 06:54:30

jQuery的一個簡單的解決方案甚至不需要圖片ID或類：

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

，它是由一個名爲編碼器用戶在https://stackoverflow.com/a/10447080/1799764

回答

來源

2013-02-26 13:58:03

符合XHTML錯誤處理事件來處理空圖像

回答

相關問題