события jquery handle из внешнего iframe

Question

У меня IFRAME, загруженный внешним контентом (ibnlive.in.com), я не могу обрабатывать события кликов в этом фрейме.

Это мой код,

var iframeDoc = $('#bookcontentHeight').contents().get(0); 
     // Bind event to iframe document 
     $(iframeDoc).bind('mouseup', function(e) {      
       e.preventDefault();     
       $("#custom-menu").css({ top: e.pageY + "px", left: e.pageX + "px" }).show(100); 
     }); 

Но я могу в состоянии обрабатывать локальные данные, загруженные в IFRAME,

<iframe src="books/1.xhtml" width="100%" id="bookcontentHeight" frameborder="0" marginheight="0" marginwidth="0" > </iframe>  

Как обрабатывать события мыши, загруженные из внешнего источника.

Answer 1

Вам нужно прикрепить обработчик событий к немного другому объекту. Попытка:

var targetWindow = iframeDoc.contentWindow || iframeDoc.contentDocument; 
if (targetWindow.document) { 
    var targetDocument = targetWindow.document; 

    $(targetDocument.body).bind("mouseup", function(){ 
     // event handler 
    }); 
}