Twitter Bootstrap选项卡在IE8中不起作用

Question

我正在尝试在IE8中使用选项卡，直接在Twitter Bootstrap的示例页面上使用代码，但是它们的行为方式与示例页面不同。

具体来说，不活动的选项卡始终保持可见。

代码如下：

<head>
    <link href="http://twitter.github.io/bootstrap/assets/css/bootstrap.css" rel="stylesheet" media="screen">
    <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
    <script src="http://twitter.github.io/bootstrap/assets/js/bootstrap.min.js"></script>
</head>

<ul class="nav nav-tabs" id="myTab">
  <li class="active"><a href="#home">Home</a></li>
  <li><a href="#profile">Profile</a></li>
  <li><a href="#messages">Messages</a></li>
  <li><a href="#settings">Settings</a></li>
</ul>

<div class="tab-content">
  <div class="tab-pane active" id="home">1...</div>
  <div class="tab-pane" id="profile">2...</div>
  <div class="tab-pane" id="messages">3...</div>
  <div class="tab-pane" id="settings">4...</div>
</div>

<script>
    $(function () {
        $('#myTab a').click(function (e) {
            e.preventDefault();
            $(this).tab('show');
        });
    });
</script>

我已经尝试通过使用数据切换标签和建议的.tab（）方法来启动选项卡，但是没有区别……不活动的选项卡总是可见的！

此处的JSfiddle链接（但jsfiddle在IE8中仍然无法使用）： http : //jsfiddle.net/4gNpt/

解决了！ -似乎html文件的第一行必须是

<!DOCTYPE html>

否则，它将根本无法正常工作。

Answer 1

解决了！ -似乎html文件的第一行必须是

<!DOCTYPE html>

否则，它将根本无法正常工作。

Twitter Bootstrap选项卡在IE8中不起作用

问题描述

1 个解决方案

解决方案1
7 2013-07-10 16:56:19

Twitter Bootstrap选项卡在IE8中不起作用

问题描述

1 个解决方案

解决方案1 7 2013-07-10 16:56:19

解决方案1
7 2013-07-10 16:56:19