javascript - 如何显示模态窗口以重叠iframe？

Question

当单击 iframe 中的按钮时，我试图在模式窗口中显示文件。 iframe 出现在主窗口中，iframe 也在那里，我们保留了一个按钮以在模式窗口中查看文件。

模态窗口工作正常，但它在 iframe 本身中打开，但我希望它从 iframe 中出来并显示为模态窗口。

用于在 onClick() 中调用模态窗口的 View 按钮的 HTML 和 Javascript

<span class="btn" title='hh' onClick="window.parent.showModal('../sales_stock/stockForm.php',1160,600);">Add New Stock Statement</span>

show modal函数负责弹出模态窗口。

我想知道我应该怎么做才能使模态窗口从 iframe 中弹出。

Answer 1

如果您的 iframe 内容与您的页面来自同一域，您可以从主页订阅点击事件并从主页显示弹出窗口。您不能从内部重叠 iframe 边框。

在主页上:

$("#myframe").contents().find("#button-inside-of-iframe").click(function(){
  $('#mypopup').show();
});