来自iframe

Question

所以我有这个客户使用的Web应用程序。它就像xxx.mydomain.com。我有另一个像yyy.mydomain.com的Web应用程序。所以我想做的是在xxx.mydomain.com上使用iframe隐藏div，当用户点击xxx.mydomain.com上的按钮时，这个带有iframe的“浮动”div（src是yyy.mydomain.com）将显示在xxx.mydomain.com的屏幕顶部。

我们正在这样做而不是打开一个新窗口，以便用户感觉他们是相同的体验。感觉第二个程序是第一个程序的一部分。所以这一切都很好。

所以在第二个程序（iframe中显示的yyy.domain.com）中，我有一个基本上告诉他们回到主程序的按钮。我希望能够捕获此按钮单击事件并使用iframe隐藏此“浮动”div，以便用户可以看到主程序的屏幕。

我该怎么做呢？任何帮助将不胜感激。

Answer 1

如果您的第二个应用始终位于iframe中，则可以使用以下命令从父文档调用函数：

parent.myFunction();

Answer 2

你需要将事件绑定到按钮上，但因为它是iframe，诀窍是选择iframe的内容然后在其上找到按钮以隐藏iframe的父级。 代码：

＆＃13;

＆＃13;

$('body iframe').contents().find('.backButton').bind('click',function(e) {
  //lets parent of iframe is having parent class
  $('.parent').hide();
 });

＆＃13;

＆＃13;

＆＃13;