Bootswatch下拉菜單無法正常工作

Question

我使用Bootswatch（雜誌的主題）。選擇其中一個導航欄選項時，下拉菜單項不會顯示。

在我的目錄中'Scripts \'我有文件--bootstrap-dropdown.js，bootstrap.min.js，dropdown.js，jquery-1.7.1.js，jquery-1.7.1.min.js

在我的目錄 '樣式\引導\ CSS \' 我有FF文件 - 引導 - responsive.css，引導-responsive.min.css，bootstrap.min.css

我覺得我缺少的東西我想不通。謝謝！

<title></title> 

<link href="~/Styles/bootstrap/css/bootstrap.min.css" rel="Stylesheet" type="text/css" /> 
<link href="~/Styles/bootstrap/css/bootstrap-responsive.min.css" rel="Stylesheet" type="text/css" /> 


<asp:ContentPlaceHolder ID="HeadContent" runat="server">  
</asp:ContentPlaceHolder> 

<asp:HiddenField runat="server" ID="hfUsername"/> 
    <div class="navbar"> 
     <div class="navbar-inner"> 
      <div class="container"> 
       <ul class="nav"> 
        <a class="brand" href="#">WSTwitter</a> 
        <li class="active"><a href="../User/Tweets.aspx">add a tweet</a></li>      
        <li class="dropdown" id="accountmenu"> 
         <a class="dropdown-toggle" data-toggle="dropdown" href="#">post company tweets<b class="caret"></b></a>       
        </li> 
        <li class="dropdown" id="Li1"> 
         <a class="dropdown-toggle" data-toggle="dropdown" href="#">admin<b class="caret"></b></a> 
         <ul class="dropdown-menu"> 
          <li><a href="../User/Account.aspx">Account</a></li> 
          <li><a href="../Admin/Users.aspx">Users</a></li> 
          <li><a href="../User/Clients.aspx">Clients</a></li> 
          <li><a href="../User/Links.aspx">Links</a></li> 
          <li><a href="#" onclick="window.open('../RSS.aspx?user='+document.getElementById('hfUsername').value,'_blank');">rss feed</a></li> 
          <%-- <li class="divider"></li> --%>        
         </ul> 
        </li> 
        <li><a href="../Account/Logout.aspx">Logout</a></li>   
       </ul> 
      </div> 
     </div> 
    </div> 

    <div class="main"> 
     <asp:ContentPlaceHolder ID="MainContent" runat="server"/> 
    </div> 

</form> 

<script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/bootstrap.min.js")" type="text/javascript"></script>  
<script src="@Url.Content("~/Scripts/bootstrap-dropdown.js")" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.dropdown-toggle').dropdown(); 
    }); 
</script> 

Answer 1

1 - 如果此「自舉dropdown.js」是不是你自己的代碼，你不需要這個，因爲這個代碼，您可以找到「bootstrap.min.js」。而對於css，你只需要這個bootstrap-responsive.min.css，bootstrap.min.css，只不過是你自己的CSS。

2 - 可以肯定這是正確加載：

<script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/bootstrap.min.js")" type="text/javascript"></script>  
<script src="@Url.Content("~/Scripts/bootstrap-dropdown.js")" type="text/javascript"></script> 

3 - 嘗試使用新的jQuery的文件

我想你的HTML代碼中struture是正確的，我沒有看到什麼錯。