按钮上一个iframe来显示另一个IFRAME

Question

我对他们两个iFrame的网页：

<iframe src="Account.php" class="iframe" id="iframe1"></iframe> 
<iframe src="Register.php" class="iframe" id="iframe2"></iframe> 

在第一个iframe中，我有一个按钮

<input type="button" value="Subscribe" id="btn"/> 

当我点击这个按钮，我想显示其他的，目前隐藏的iframe'＃iframe1'，如下所示：$('#iframe1').show();显然，问题在于显示的按钮和iframe是不同的文档/页面。

任何想法如何可以实现，如果可能没有jQuery的.load函数？谢谢！

Answer 1

从第一个iframe将click事件绑定到主窗口上的函数。

// in main window, define the function to show iframe 2 
function showFrame2(e) { 
    $('#iframe2').show(); 
} 

// in frame 1, bind to that function by traversing to the parent document 
$('#btn').on("click", function(e) { 
    window.parent.showFrame2(e); 
}); 

未经测试，但它可能工作。