Нажмите на ссылку в iframe, затем выполните jQuery action

Question

У меня есть эта страница с индексом iframe. В IFRAME У меня есть некоторые ссылки, как:

<a href="home.html" target="content">Who we are</a> 

При нажатии на эту ссылку, я хотел бы выполнить действие JQuery, как скольжение DIV на индексной странице с этим кодом.

$(window).load(function() { 
$(".link_in_Iframe").click(function(){ 
$('.sliding_div_on_index_page').animate({'top': '-190px'}, 1000); 
}); 

Я знаю, что это не возможно, чтобы добавить/связать функцию щелчка на IFRAME себя, но это могло быть возможным со ссылкой внутри фрейма?

Мне удалось заставить скрипт работать, заменив функцию щелчка на функцию зависания, поэтому она работает нормально, но мне нужно сделать это с помощью функции щелчка.

Answer 1

Вы можете

$('#iFrameID').contents().find('#linkID').click(function(){ 
$('.sliding_div_on_index_page').animate({'top': '-190px'}, 1000); 
});); 

Заменить linkID с ID на ссылки в IFRAME, который вы хотите триггеращелчка и iFrameID с ID в IFRAME, который содержит ссылку .

Например, этот код будет работать в следующем HTML:

страницу с IFRAME:

<iframe id = 'iFrameID' src = 'yourPage.html' /> 

yourPage.htmlилиsrc из iframe:

<a id = 'linkID'>Click Me</a>