在Internet Explorer中的iframe中未显示模式弹出窗口

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）中检出控制台，看来您有一些错误可能需要解决。