.click函数用于iframe内的对象

.click function for an object inside an iframe

本文关键字：对象 iframe 函数 用于 click      更新时间：2023-09-26

我开始在JS和JQuery，我只是需要一点帮助。我想滚动一个页面(这是好的)，但当一个按钮被点击。这个按钮的类是testelement，并且位于iframe中。因此，我希望在单击iframe内的按钮时滚动主页面。我尝试了下面的代码，但它不起作用。我敢肯定这是一个愚蠢的错误在第一行，但我不知道…

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

谢谢

您需要做的是引用父窗口。请看这个链接窗口。家长，了解更多信息。使用jQuery，您可以尝试以下操作。希望有帮助:

$("身体",window.parent.document)。动画({scrollTop: 1000}， 2000);;

编辑:

从父窗口，您可以访问iframe中的按钮(假设相同的起源)，就像这样——几乎就是您上面写的:

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

'#scroll '是iframe(或任何你想使用的唯一选择器)上的按钮的ID。

如果点击是有效的你应该看看这样做动画

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

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

我问这个问题是因为我试过了，但不可能点击iframe中的任何按钮。我尝试了很多方法……当我发现我只需要把它放在服务器上而不是在本地运行时，我简直要疯了。我觉得自己好蠢!

对于ADOBE WEB生成软件(如ADOBE MUSE, ADOBE EDGE)的每个用户:

如果我们运行我们的工作预览，软件创建一个"假"服务器，它工作得很好。但是当我们生成最终的html代码时，问题发生了……这是一个经常发生的问题，因为我们在本地运行我们的页面。

希望对大家有所帮助

相关文章：