Question

我使用twitter bootstrap和jquery创建了一个PHP Web应用程序。此应用程序位于我们网站上的iframe内：http://southcommdigital.com/admin/。当您单击右上角的登录链接时，会弹出一个带有登录表单的模式。这在Firefox和Chrome中完美运行，但模式不会在Internet Explorer中显示。此外，如果您在此处浏览iframe页面，这将在IE中运行：http://omgsurvey.com/apps/Dan/index.php。这是一个已知问题，是否有人知道解决方法？谢谢你能给我的任何帮助。

触发链接：

<a data-toggle="modal" href="#loginModal">
  <span class="glyphicon glyphicon-log-in"> </span>&nbsp;Login
</a>

弹出代码：

<div class="modal fade text-center" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog" style="max-width: 400px;">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h1 class="modal-title">Login</h1>
      </div>
      <form role="form" name="loginformname" method="post" id="loginformname" class="loginformid" enctype="application/x-www-form-urlencoded" action="form_action.php">
        <div class="modal-body">
          <div class="row">
            <div class="col-md-12 text-left">
              <div class="form-group">
                <label for="username" class="control-label">Username</label>
                <div>
                  <input type="text" class="form-control" id="username" name="username" placeholder="">
                </div>
              </div>
              <div class="form-group">
                <label for="password" class="control-label">Password</label>
                <div>
                  <input type="password" class="form-control" id="password" name="password" placeholder="">
                </div>
              </div>
              <input name="action" id="action" value="login" type="hidden">
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          <input name="submit" id="submit" value="Login" type="submit" class="btn btn-primary">
        </div>
      </form> 
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->      <!-- END LOGIN MODAL  -->

Answer 1

根据您拥有的版本，您可以在IE（F12）中查看控制台，看起来您可能需要解决一些错误。

模式弹出窗口在Internet Explorer中不显示内部Iframe

1 个答案: