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

关于事件绑定在/ live上的使用。

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

基本上发生的事情是它只将事件绑定到imgs，以便更多检查JS事件委托。

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

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

干杯。