JQUERY, добавление прослушивателя событий в элементы в iFrame?

Question

Учитывая iframe с <span class="fineme"> во всем iframe ...

Можно ли добавить прослушиватель событий с jQuery для запуска ALERT в любое время, когда пользователь наводит указатель мыши на .fineme в iframe, изверхнее / родительское окно?

Answer 1

См. http://api.jquery.com/contents/ для получения доступа к документу содержимого iframe.

Решением вашего вопроса может быть:

$("iframe#name").contents().find(".fineme").bind("mouseover", function() { alert("Found me"); });

Answer 2

У меня была похожая проблема, и я нашел решение, которое работает для меня.Попробуйте это:

document.getElementById('iframe_id').contentWindow.$('.fineme').on( ... )

Это работает для любых функций jquery, но прослушивает события в jQuery iFrame dom.

Answer 3

Да, кажется, что по умолчанию, если вы запускаете селектор из родительского окна, он не найдет элементы внутри iframe.Тем не менее, вы можете явно задать jQuery контекст для просмотра внутри iframe.

Один из способов сделать это будет следующим:работает, только если родительский сайт и IFrame находятся в одном домене.Для получения дополнительной информации об этом см .: http://madskristensen.net/post/Iframe-cross-domain-JavaScript-calls.aspx