Question

我刚刚注意到，当我没有改变任何东西时，我的引导模态已停止工作。我在这里和Google搜索过，没有人确切地说过同样的问题。为了证明我的观点，我将Bootstrap演示代码复制到一个文件中，证明它不能在Chrome或Firefox中运行，但在IE8中运行。我正在使用Microsoft VWD2010express编写asp.net 4，.aspx文件。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://code.jquery.com/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>

<link href="Styles/bootstrap.css" rel="stylesheet"/>
</head>

<body>
<form id="form1" runat="server">
     <div id="example">
      <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">Launch demo modal</button>
    </div>
    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">Modal title</h4>
          </div>
          <div class="modal-body">
            body here
          </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 -->
      </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
</form>
</body>
</html>

以上代码来自此处 - ＆gt; http://getbootstrap.com/javascript/#modals

在模态下

版本的浏览器是IE8：8.0.7601。镀铬：31.0.1650.57米。 Firefox：23.0.1

Bootstrap模式在Chrome / Firefox中停止工作，但在IE8中没问题

0 个答案: