javascript - jQuery on("error") 在 Chrome 中不起作用

Question

当没有找到图像时，我试图隐藏图像。

.js 文件：-

jQuery("#imgUrl").error(function () {
        jQuery(this).hide();
});

jsp:-

<img id="imgUrl" src="{imgSrcUrl}" alt="image")/>

Firefox 和 IE 浏览器在图像文件不可用时工作。请帮忙。示例：- imgSrcUrl => src="/images/category/aline.jpg" 并且此图像文件不可用。

score 2 · Accepted Answer

工作演示

尝试这个

将此代码放在head标签中

<script>
jQuery(document).ready(function () {
    jQuery("#imgUrl").error(function () {
        jQuery(this).hide();
});
 });
</script>