jquery只有当我重新加载页面时才工作 - Firefox

Question

我遇到一个问题，我的Javascript在Firefox中不工作。

我从外部来源（IP摄像头）获取页面的图像。如果我无法获取图片，我想为自己的占位符图片提供服务，因此我不会显示浏览器的默认图片。我在Chrome中完美解决了这个问题。但是，在Firefox中，它会自动加载丢失的图像 - 但是如果我刷新页面，它就会完美地工作。

的代码是：

$(function() { 
     // Replace Broken Image 
     $('img').error(function(){ 
     $(this).attr('src', 'https://www.evercam.io/img/error.png '); 
     }); 
    }); 

任何一个人知道为什么会不工作在Firefox？

干杯， 夏兰

Answer 1

它有关的事件绑定使用/生活来代替。

https://api.jquery.com/on/

basicly发生的事情是它只能绑定事件IMGS已经有更多的检查JS事件委托。

尝试$(document).on("error", "img", func...);

基本上文档可以是任何东西（选择器，或对象）是触发事件实际元素的父。发生事件冒泡的父级单击事件也会触发，并且在jquery检查触发器给出选择器的事件中。

干杯。