Jquery работает только при перезагрузке страницы - Firefox

Question

Jquery работает только при перезагрузке страницы - Firefox

0

У меня проблема с моим Javascript, который не работает в Firefox.

Я извлекаю изображения для страницы из внешних источников (IP-камеры). Если я не могу получить изображение, я хочу использовать свое собственное изображение заполнителя, чтобы я не отображал поврежденное изображение по умолчанию для браузера. Решение, которое я отлично работаю в Chrome. Однако в Firefox он автоматически загружает недостающее изображение, но если я обновляю страницу, он работает отлично.

Код:

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

Кто-нибудь знает, почему это не работает в Firefox?

Приветствия, Чиаран

Ciarán 16 апр. 2014, в 18:12

Источник

Теги:

javascript

jquery

firefox

1 ответ

Ещё вопросы

Onur Topal · Answer 1 · 2014-04-16T13-10-00.000Z

вместо этого используется привязка к событиям.

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

в основном, происходит только привязка события к imgs уже там для большего количества делегатов события JS.

попробуйте $(document).on("error", "img", func...);

в основном документ может быть любым (селектором или объектом), который является родителем фактического элемента, который запускает событие. что происходит с событием, порождающим событие родительского щелчка, также запускается, и в случае, когда jquery проверяет, что триггер дал селектор.

Приветствия.

Привет Онур, спасибо за ссылку. Я прошел через это и изменил свой код следующим образом: $(function () { $( "img" ).on( "error", function() { $(this).attr("src", "https://www.evercam.io/img/error.png "); }); }); но я все еще не могу заставить его решить мою проблему. Правильно ли я использовал .on?
пожалуйста, проверьте мое обновление.