Bootstrap提供了很豐富的前后端框架，為不精通CSS的程序猿們提供了很大的便利。前段時(shí)間在使用Bootstrap中的菜單控件時(shí)，其中的鏈接點(diǎn)擊后，無法自動(dòng)添加active類，即無法自動(dòng)激活。需要適當(dāng)做如下處理才OK。

創(chuàng)新互聯(lián)公司于2013年成立，公司以成都做網(wǎng)站、成都網(wǎng)站制作、系統(tǒng)開發(fā)、網(wǎng)絡(luò)推廣、文化傳媒、企業(yè)宣傳、平面廣告設(shè)計(jì)等為主要業(yè)務(wù)，適用行業(yè)近百種。服務(wù)企業(yè)客戶上千余家，涉及國(guó)內(nèi)多個(gè)省份客戶。擁有多年網(wǎng)站建設(shè)開發(fā)經(jīng)驗(yàn)。為企業(yè)提供專業(yè)的網(wǎng)站建設(shè)、創(chuàng)意設(shè)計(jì)、宣傳推廣等服務(wù)。 通過專業(yè)的設(shè)計(jì)、獨(dú)特的風(fēng)格，為不同客戶提供各種風(fēng)格的特色服務(wù)。

廢話說了，直接上代碼：

  
我的合同
  
我的請(qǐng)款
  
我的入庫
  
我的付款

這是一個(gè)典型的導(dǎo)航菜單，現(xiàn)在添加如下的腳本處理：

  $(function () {
    $(".faq-tabbable").find("li").each(function () {
      var a = $(this).find("a:first")[0];
      if ($(a).attr("href") === location.pathname) {
        $(this).addClass("active");
      } else {
        $(this).removeClass("active");
      }
    });
  })

原理很簡(jiǎn)單，就是找到所有的li標(biāo)簽，對(duì)其a標(biāo)簽的鏈接地址進(jìn)行判斷，如何和當(dāng)前瀏覽器的地址一致，就認(rèn)為是當(dāng)前應(yīng)該激活的菜單，添加active類，否則就取消。

如此，即可~~

以上這篇Bootstrap導(dǎo)航菜單點(diǎn)擊后無法自動(dòng)添加active的處理方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持創(chuàng)新互聯(lián)。