自舉丸劑

-2

IM使用自舉丸作爲我的導航bar.problem是它沒有顯示與藍色背景（如自舉）的活性CURENT丸這裏是我的代碼自舉丸劑

<div style="margin-left: 15px;margin-bottom: 15px;margin-top: 10px;"> 
    <ul class="nav nav-pills"> 
     <li class="active"> 
      <a href="index.php">Home</a></li> 
     <li class=""><a href="Project.php">Projects</a></li> 

     <li class=""><a href="#">Employee</a></li> 

     <li><a href="#">Forum</a></li> 


    </ul> 
</div>

輸出爲here

僅在主丸集中

來源

2013-03-26 user1820858

對我來說很好。再次檢查你的CSS。你正在使用默認的bootstrap.css文件？ – 2013-03-26 15:27:56

yap即時通訊使用默認bootstrap.css我想我缺少一個簡單的技巧在這裏 – user1820858 2013-03-26 15:28:46

我希望你明白藥丸沒有任何功能？所以你可以手動設置'.active'類，或者編寫你自己的js代碼來移除/添加單擊'li'元素的類。附：再次檢查您的輸出鏈接。 – 2013-03-26 15:31:09

裏面添加script標籤驗證碼：

$(document).ready(function(){ 
    $(".nav-pills li").click(function(){ 
     $(".active").removeClass("active"); 
     $(this).addClass("active"); 
    }); 
});

DEMO

來源

2013-03-26 15:50:03

沒有它正在工作 – user1820858 2013-03-26 15:51:13

我認爲你是正確的它是（數據切換=「藥丸」）只是突出顯示不去目標href – user1820858 2013-03-26 15:55:23

基礎上給予評論一個完整的答案，工程完全按照預期的的jsfiddle。 .active類的項目將具有藍色背景。

但是我相信你期望發生的事情是，當你點擊一個鏈接時，藥片會自動激活，這不是它的工作原理。

您將需要生成菜單並在生成過程中或在每個頁面上分配活動類使用JS將活動類分配給正確的菜單列表項。爲了便於使用，我建議將ID分配給列表項，以便您可以執行以下操作：

因此，假設您單擊第二個菜單項，在Projects.php頁面上，您可以具有以下jquery。

$('#project').addClass("active");

假設你給出了菜單項ID。

來源

2013-03-26 15:56:03

nop不工作 – user1820858 2013-03-26 16:14:55

你嘗試了什麼？ – 2013-03-27 09:15:09

爲每個菜單項提供了id，並在每個頁面中放入jquery，如前所述：$（'＃project'）。addClass（「active」）; – user1820858 2013-03-28 08:16:14

回答

相關問題