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

Question

单击iframe中的按钮时，尝试在模态窗口中显示文件。 iframe存在于主窗口中，iframe也存在于我们保留按钮以在模态窗口中查看文件的位置。

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

用于视图按钮的HTML和Javascript，其中在onClick（）

中调用模态窗口

<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内容来自与您分页相同的域，则可以从主页面订阅click事件并从主页面显示弹出窗口。你不能从里面重叠iframe边框。

在主页上：

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