.click函数用于iframe中的对象

Question

我从JS和JQuery开始，我只需要一些帮助。 我想滚动一个页面（这没关系），但是当点击一个按钮时。此按钮具有“testelement”类，位于iframe中。因此，我希望在单击iframe内的按钮时滚动主页面。我尝试了以下代码，但它不起作用。我确定这是第一行的一个愚蠢的错误，但我不知道......

$('iframe').contents().find('.testelement').click(function() {
    $('body').animate({ scrollTop: 1000 }, 2000);
});

由于

Answer 1

如果点击确实有效，你应该看看以这种方式做动画

$("html, body").animate({ scrollTop: "1000px" }, 2000);

Answer 2

您需要做的是引用父窗口。有关详细信息，请参阅此链接window.parent。使用jQuery，您可以尝试以下方法。希望这会有所帮助：

$（'body'，window.parent.document）.animate（{scrollTop：1000}，2000）;;

编辑：

在父窗口中，您可以访问iframe中的按钮（假设相同的来源），就像这样 - 几乎就是您上面所写的内容：

$("#MyIframe").contents().find("#scroller").click(function(){
    $('body').animate({ scrollTop: 1000 }, 2000);
}

'＃scroller'是iframe上按钮的ID（或您想要使用的任何唯一选择器）。

Answer 3

感谢大家，我终于解决了我的问题！

我问过这个问题是因为我尝试了，而且无法点击iframe中的任何按钮。我尝试了很多东西......当我发现我只需将它放在服务器而不是在本地运行时，我就变得疯狂了。我觉得很蠢！

为ADOBE WEB生成软件的每个用户（如ADOBE MUSE，ADOBE EDGE）：

如果我们预览了我们的工作，该软件会创建一个“假的”服务器，并且效果很好。但是当我们生成最终的html代码时，问题就会发生......这通常是一个问题，因为我们在本地运行我们的页面。

我希望我能帮助别人