jQuery on（“錯誤”）在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”，則此圖像文件不可用。

Answer 1

工作演示

嘗試這個

將此代碼放在head標簽中

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