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>