Question

function OnIframeContentLoads(){        
  $("#iframe")
    .contents()
    .find(".text")
    .live({ 
      click: OpenSingleImageEditor, 
      mouseover: function () { HighLight(this) }, 
      mouseout: function () { OffLight(this);} 
    });    
}   

when i am binding event with .bind() its works but with live() like in above code it not works .Whats the problem here?

Answer 1

That’s a known problem with .live, use .on instead

From the docs

Chaining methods is not supported. For example, $(“a”).find(“.offsite,
.external”).live( … ); is not valid and does not work as expected.

$("#iframe").on('click', '.text', function(){ ... });