jQuery : iframe 내부에서 이벤트 클릭

Question

iframe 내부의 요소를 클릭하면 click 이벤트가 발생하지만 작동하지 않는 것 같습니다. 나의 현재 셋업 :
jsFiddle : http://jsfiddle.net/q4aa3/
jQuery를 :

가 iframe을 내부의 이미지에

$(document).ready(function() { 
    $('#this-iframe').load(function() { 
     $('#this-iframe').contents().find('img').live({ 
      click: function() { 
       alert('clicked img'); 
      } 
     }); 
    }); 
}); 

을 클릭하면 경고를 발사되지, 왜 그런지 모르겠어요, 또는 달성하기 위해 더 나은 방법이있다 이? 어떤 제안이라도 대단히 감사하겠습니다!

Answer 1

동일한 도메인에 iframe이있는 경우이 스크립트를 사용하여 iframe의 클릭을 잡을 수 있습니다. .live를 사용하지 마십시오. jQuery 1.7부터 depriciated됩니다.

var iframeBody = $('body', $('#iframe')[0].contentWindow.document); 
$(iframeBody).on('click', 'img', function(event) { 
    doSomething(); 
}); 

iframeBody 변수를 통해 본문을 조작 할 수 있습니다.