Twitter的Bootstrap.js标签说“ReferenceError：无法找到变量：$”

Question

我是新来的JS，发现整个范例相当混乱。

在试图实现Twitter的Bootstrap.js库时，我试图按照他们的指示，但绝对没有运气。

基本上，我想使用标签插件。这正是我的标记，和JS控制台不停地说：ReferenceError：找不到变量：$

我收集，也许我没有正确加载jQuery，但...我不知道我会怎么做做任何不同的事情！任何援助将不胜感激。

<!-- Le HTML5 shim, for IE6-8 support of HTML elements --> 
<!--[if lt IE 9]> 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> 
    <script src="http://twitter.github.com/bootstrap/1.3.0/bootstrap-tabs.js"></script> 

<![endif]--> 

<!-- Le styles --> 
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.3.0/bootstrap.min.css"> 
<style type="text/css"> 
    body { 
    padding-top: 60px; 
    } 
</style> 

<!-- Le fav and touch icons --> 
<link rel="shortcut icon" href="images/favicon.ico"> 
<link rel="apple-touch-icon" href="images/apple-touch-icon.png"> 
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png"> 
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png"> 

<div class="topbar"> 
    <div class="topbar-inner"> 
    <div class="container-fluid"> 
     <a class="brand" href="#">Project Name</a> 
     <ul class="nav"> 
     <li class="active"><a href="#">Home</a></li> 
     <li><a href="#about">About</a></li> 
     <li><a href="#contact">Contact</a></li> 
     </ul> 
     <p class="pull-right">Logged in as <a href="#">username</a></p> 
    </div> 
    </div> 
</div> 

<div class="container-fluid"> 
    <div class="content"> 

     <ul class="tabs"> 
      <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="pill-content"> 
      <div class="active" id="home">Div 1</div> 
      <div id="profile">Div 2</div> 
      <div id="messages">Div 3</div> 
      <div id="settings">Div 4</div> 
     </ul> 

     <script> 
      $(function() { 
      $('.tabs').tabs() 
      }) 
     </script> 
    </div> 
    </div> 
</div> 

Answer 1

你需要ŧ o首先添加jquery.js

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> 
<script src="http://twitter.github.com/bootstrap/1.3.0/bootstrap-tabs.js"></script>