单击 iframe 中的链接，然后执行 jQuery 操作 [重复]

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 本身，但可以通过 iframe 内的链接来实现吗？

我通过将点击功能替换为悬停功能来管理脚本的工作，因此基本上它可以正常工作，但我需要使用点击功能来做到这一点。

Answer 1

你可以

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

将 linkID 替换为 iframe 中要触发 点击的链接的ID > 和 iFrameID 以及包含 链接的 iframe 的 ID。

例如，该代码可以在以下 HTML 中工作：

带有iframe的页面：

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

yourPage.html 或 src 的iframe:

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