Javascript 使用getBoostrap、模态（弹出窗口）和iframe

我有一个包含iframe的主页，在这个iframe中，我有一个按钮可以单击以使运行弹出窗口，但只在iframe中运行，我想成为主页的全局

这是使用getboostrap的modal代码 我在主页上有以下代码：

<div class="modal fade"  id="myModal">
    <div class="modal-dialog">
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
    <h4 class="modal-title">Modal title</h4>
  </div>
  <div class="modal-body">
    <p>One fine body&hellip;</p>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    <button type="button" class="btn btn-primary">Save changes</button>
  </div>
</div><!-- /.modal-content -->

&时代；接近
情态标题
一个好身体&hellip

接近
保存更改

这是iframe上按钮的代码：

<button type="button" class="btn btn-default btn-lg" data-toggle="modal" data-target="#myModal">
<span class="glyphicon glyphicon-search" aria-hidden="true"></span> Buscar
</button>

客车

问题是我无法访问id为“mymodal”的主页中的项目

---

谢谢

您必须在主页中创建一个javascript函数，当您在iframe内单击该按钮时，您必须使用

parent.myfunction（'myModal'）访问主页函数或您当前的id

因此，在您的主页中，您将看到如下内容：

function myfunction(id){
    //open the modal with the id = your entry id
}

在iframe中，您将不再拥有此功能：

<button type="button" class="btn btn-default btn-lg" data-toggle="modal" data-target="#myModal">
    <span class="glyphicon glyphicon-search" aria-hidden="true"></span> Buscar
</button>


客车

相反，你会：

<button type="button" class="btn btn-default btn-lg" onclick="parent.myfunction('myModal')">
    <span class="glyphicon glyphicon-search" aria-hidden="true"></span> Buscar
</button>


客车
谢谢，它很有效。我非常困惑，因为我认为按钮的属性“数据切换”和“数据目标”必须取消。我是新使用引导的。