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 / strong>和iFrameID包含 iframe 的 ID ，其中包含链接。

例如，该代码可以在以下HTML中使用：

页面， iframe：

<iframe id = 'iFrameID' src = 'yourPage.html' />
yourPage.html
的
src 或 iframe:
<a id = 'linkID'>Click Me</a>

单击iframe中的链接然后执行jQuery操作

1 个答案: