Javascript 引导选项卡导航不工作_Javascript_Html_Twitter Bootstrap

Javascript 引导选项卡导航不工作

javascript html twitter-bootstrap

Javascript 引导选项卡导航不工作,javascript,html,twitter-bootstrap,Javascript,Html,Twitter Bootstrap,我下面的代码不起作用。我我尝试过包含js文件，也包括自定义js以单独激活每个选项卡，但它不起作用 <!doctype html> <html lang="en-US"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <link rel="stylesheet" type="text/css" media="all" href="css/bo

我下面的代码不起作用。我我尝试过包含js文件，也包括自定义js以单独激活每个选项卡，但它不起作用

<!doctype html>
<html lang="en-US"> 
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<link rel="stylesheet" type="text/css" media="all" href="css/bootstrap.min.css">
<title>Bootstrap Page Layout - Sample Demo</title>
<script type="text/javascript" src="js/bootstrap.js"></script>
</head>
<body>
<div class="container">
<div class="tabbable"> <!-- Only required for left/right tabs -->
    <ul class="nav nav-tabs">
    <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li>
    <li><a href="#tab2" data-toggle="tab">Section 2</a></li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="tab1">
        <p>I'm in Section 1.</p>
        </div>
        <div class="tab-pane" id="tab2">
        <p>Howdy, I'm in Section 2.</p>
        </div>
    </div>
</div>

</body>


引导页面布局-示例演示




我在第一区
你好，我在第二区

有人能指出我做错了什么吗？

检查你指向bootstrap.js文件的链接。看起来您正在使用缩小的css。。。您可能也需要缩小的js文件

<script type="text/javascript" src="js/bootstrap.min.js"></script>

根据浏览器的不同，检查web开发人员工具中是否存在任何错误。在Chrome中，此链接将有助于：

编辑

您的文件中似乎缺少jQuery。在标题中包含此链接（尽管我建议在页脚中加载JS以逐步增强/改进加载）：

引导您需要下载jquery并将其添加到脚本中。像这样的

<script type="text/javascript" src="/script/jquery-1.7.2.min.js" />

请参见我添加的jquery v1.7.2，以获取参考。请参见我添加的编辑。缺少jQuery。我将您的代码复制并粘贴到我正在处理的站点中，并添加了jQuery脚本。现在看起来不错，现在可以用了。我看到了bootstrap.min.js代码，在我的本地代码中没有jQuery可供使用。谢谢！

<script type="text/javascript" src="/script/jquery-1.7.2.min.js" />