Search jQuery

jQuery Forum

Using jQuery

wick

using .on() for delegated image load/error events doesn't work

in Using jQuery • 11 years ago

I'd like to switch any broken images in dynamically loaded HTML to a warning graphic, something like:

    $(function() {
        $('#alwayshere').on('error','img',function() {
            $(this).prop('src','/img/404.png');
        });
        $('#alwayshere').append('<img src="/img/asdf.png" />');
    });

This works with with the 'click' event but not with 'error' or 'load' ... is there another way to do it? I remember with .live() there were restrictions on what events could be bound, but I can't find that in the documentation anymore for jQuery 1.7's .on()

Thanks in advance for any tips,
-Wick
--
http://www.CarComplaints.com

Replies(3)

snesin

Re: using .on() for delegated image load events

11 years ago

I would suggest handling this in the web site configuration with the 404 responder for your img folder. Point the server's 404 response for that folder to your warning graphic and you are done.

wick

Re: Re: using .on() for delegated image load events

11 years ago

Thanks for the suggestion -- that'd work site-wide but I want to handle image errors with javascript for this single page. It's for an admin tool & I want to flag whenever someone puts a path to a non-existent image in a backend form.

Also there's also a lot more flexibility with javascript - like for image errors I can pop up a warning message too.

For now I'm attaching the error event each time the dynamic HTML is added, which works fine, but I'd rather use the event delegation feature or find out what's the issue there. Thanks for the suggestion though!

-Wick
CarComplaints.com

wick

Re: using .on() for delegated image load events

11 years ago

Any other suggestions?

-Wick
CarComplaints.com

Top Reply

Response title

Attachments

jQuery Forum

using .on() for delegated image load/error events doesn't work

Replies(3)

Re: using .on() for delegated image load events

Re: Re: using .on() for delegated image load events

Re: using .on() for delegated image load events

Statistics

Tags

Actions