Question

我想从导航栏按钮弹出bootstrap模式，但主页面内有一个iframe（不在模型内）。当我从框架中移除iframe时，模态弹出窗口工作正常。但是如果有iframe，模型就不起作用（模态窗口在主页面内，而不在iFrame中）。

以下是切换模态窗口的代码：

<a href="#myModal" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon glyphicon-cog"></span>&nbsp;&nbsp;Change Password</a>

这是我的模型代码：

<div class="modal fade" id="myModal">
 <div class="modal-dialog">
  <div class="modal-content">
    <div class="modal-header">
      <h4 class="modal-title">Modal</h4>
    </div>
    <div class="modal-body">
        <!-- Some content -->
    </div>
    <div class="modal-footer">
        <!-- Some content -->
    </div>
  </div>
 </div>
</div>

以下是我的iframe代码：

<iframe name="mainCntnt" src="Pages/main/index.php?" class="frame" />

和.frame的CSS代码：

.frame{
    width: 100%;
    height:100%;
    border:none;
    border-radius:10px;
}

如何在不删除iframe的情况下解决此问题？

Answer 1

使用

<iframe name="mainCntnt" src="Pages/main/index.php?" class="frame"></iframe>

请注意结束标记

当页面上有iframe时，Bootstrap模式弹出窗口不起作用

1 个答案: