2013-11-21 36 views
1

我在.net母版頁中放置了引導程序導航欄。此代碼在沒有masterpage的另一個頁面上運行完美,但是如果在masterpage上,則不起作用。放入.net母版頁時引導程序下降不起作用

<link href="../plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> 
    <link href="../plugins/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css" /> 
    <link href="../plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> 
    <link href="../plugins/pnotify/css/jquery.pnotify.default.icons.css" rel="stylesheet" 
     type="text/css" /> 

    <script src="../plugins/jquery/jquery-1.10.2.min.js" type="text/javascript"></script> 
    <script src="../plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script> 
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.1.15/jquery.form-validator.min.js" 
     type="text/javascript"></script> 
    <script src="../plugins/notify/notify.min.js" type="text/javascript"></script> 

    <asp:ContentPlaceHolder ID="head" runat="server"> 
    </asp:ContentPlaceHolder> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
     <!-- Fixed navbar --> 
     <div class="navbar navbar-default navbar-fixed-top" role="navigation"> 
      <div class="container"> 
       <div class="navbar-header"> 
        <a class="navbar-brand" href="#">XX</a> 
       </div> 
       <div class="navbar-collapse collapse"> 
        <ul class="nav navbar-nav"> 
         <li class="active"><a href="#">Home</a></li> 
         <li><a href="#">About</a></li> 
         <li><a href="#">FAQ</a></li> 
         <li class="dropdown"> 
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> 
          <ul class="dropdown-menu"> 
           <li><a href="#">Action</a></li> 
           <li><a href="#">Another action</a></li> 
           <li><a href="#">Something else here</a></li> 
           <li class="divider"></li> 
           <li><a href="#">Separated link</a></li> 
           <li class="divider"></li> 
           <li><a href="#">One more separated link</a></li> 
          </ul> 
          </li> 
        </ul> 
        <ul class="nav navbar-nav navbar-right"> 
         <li><a href="#">Default</a></li> 
         <li><a href="#">Log Out</a></li> 
        </ul> 
       </div> 
       <!--/.nav-collapse --> 
      </div> 
     </div> 
     <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> 
     </asp:ContentPlaceHolder> 
    </div> 
    </form> 

有人嗎?關於把我的電腦扔出窗外。

/鮑勃

+0

它適合我。你的腳本加載是否正確? –

+0

沒有得到任何警告,其他一切似乎正常工作。你剛剛砍n粘貼到主頁面?它的工作? –

+0

我沒有*完全相同的站點佈局,但下拉菜單使用Bootstrap CDN在主頁面中工作。我懷疑這是腳本文件的路徑問題,這些問題將相對於內容頁面而不是母版頁來解決。 –

回答

1

,如果您檢查您的瀏覽器的檢查工具,我想你可能有這樣的錯誤:

Error("Bootstrap requires jQuery") 

Bootstrap.js擁有jQuery的依賴性。所以你需要在bootstrap.js之前加載jQuery的第一個腳本。

這應該是順序。正好在</body>標籤上方。路徑應該與您放置文件的位置相關。 注:使用/parent_folder/..path_to_your_files

<script src="/Scripts/jquery-1.9.0.js" type="text/javascript"></script> 
<script src="/Scripts/bootstrap.js" type="text/javascript"></script> 

希望這有助於。 :-)