2013-09-25 163 views
0

我正在使用Asp.NET與twitter引導。我使用NuGet來引用Bootstrap。 我有其中我使用下面的代碼twitter引導 - 導航欄中的下拉項不起作用

   <nav class="navbar navbar-default" role="navigation"> 
       <!-- Brand and toggle get grouped for better mobile display --> 
       <div class="navbar-header"> 
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> 
        <span class="sr-only">Toggle navigation</span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 
       <a class="navbar-brand" href="#">My website</a> 
       </div> 

       <!-- Collect the nav links, forms, and other content for toggling --> 
       <div class="collapse navbar-collapse navbar-ex1-collapse"> 
       <ul class="nav navbar-nav navbar-right"> 
        <li><a id="A1" runat="server" href="~/">Home</a></li> 
        <li><a id="A2" runat="server" href="~/About">About</a></li> 
        <li><a id="A3" runat="server" href="~/Contact">Contact</a></li> 
        <li class="dropdown"> 
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Accounts<b class="caret"></b></a> 
        <ul class="dropdown-menu"> 
         <li><a href="#">Action</a></li> 
        </ul> 
        </li> 
       </ul> 
       </div><!-- /.navbar-collapse --> 
      </nav> 

採樣頁面,但每當我點擊彈出窗口沒有出現帳戶下拉導航欄。其實沒有做任何事情。

所有其他樣式似乎工作正常。例如導航欄顯示正確,頁腳也工作正常。

編輯

我引用的Jquery和bootstrap.js在我的母版頁的head部分。

,這裏是整個代碼:Entire Code

感謝

+0

你是否在頁面中聲明瞭bootstrap.js? – Pascalz

+0

,它是正確的版本?確保您包含的Bootstrap JS文件與您正在使用的引導文檔相同。 – bzupnick

+0

@Pascalz - 是的,我已經做到了 – Gagan

回答

1

感謝您的所有幫助的傢伙,但我設法解決這個問題。我沒有添加參考腳本popover.js。我從bootstrap網站下載了腳本,現在它的功能就像魅力一樣。再次感謝!