以下代码在FF,Chrome和IE9 +中运行良好。但是,我想在IE8甚至IE7中实现它。当前的JQuery版本是jQuery v2.1.1。
特定于IE8 / IE7的目标输出: - 能够.remove()或显示:无父DIV与类"列"每当图像不可用时。 IMG1有错误的src(zhttp:// ...)故意触发错误。
HTML:
<div class="column">
<img src="xhttp://placehold.it/200x200&text=IMG1" onerror="imgError(this);" />
</div>
<div class="column">
<img src="http://placehold.it/200x200&text=IMG2" onerror="imgError(this);" />
</div>
JS:
function imgError(image) {
$(image).parent('div.column').css('display','none');
}
也是JS: JS:
function imgError(image) {
$(image).parent('div.column').remove();
}
示例:(虽然我无法在IE8浏览器中测试) http://jsfiddle.net/philcyb/c0wfe7wv/21/
这可能使用与我之前发布的上一个问题相似的代码,故意为了一致性和简单性,但这个问题专门针对IE8。 再次感谢。