Bind working but on not working

Question

I am trying to get error on img load through on, but it doesn't work

$(document).on("error","#someid img",
               function(){
                  console.log("Image load error through On");
              });

but the similar works with 'bind'

$("#someid img").bind("error", function() {
                         console.log("Image load error through bind");
                      });

What version of jQuery are you using? The method .on() was added in jQuery 1.7. — Flea777, Sep 26 '13 at 14:37

score 2 · Accepted Answer · answered Sep 26 '13 at 14:45

2

The issue is that the error event doesn't bubble, so you can't use event delegation to capture it at the document level.

The only way to capture it will be to bind directly to the element.

You can determine this by using the .bubbles property on the event object in your .bind() handler.

$("#someid img").bind("error", function(event) {
    console.log(event.bubbles); // false
});

answered Sep 26 '13 at 14:45

user2736012

okay, bind doesn't work on html added to the dom after the event is bound. – M T Sep 26 '13 at 14:49
@MuditTuli: Right. You're going to have to bind directly to the elements as you create them. – user2736012 Sep 26 '13 at 14:50

score 0 · Answer 2 · edited May 23 '17 at 12:03

0

 $("#your_id").error(function () {
     alert("your text")
 })

edited May 23 '17 at 12:03

Community

answered Sep 26 '13 at 14:40

HIRA THAKUR

2 Answers2