引導3 - 導航欄活動類

$("#houses a:contains('Houses')").parent().addClass('active');

<body id="houses"> 
    <li><a href="houses.php">Houses</a></li> 
</body>

當我點擊導航（房屋），在檢查元素它添加類活躍，但它不會改變資產淨值的顏色。增加了類，但沒有效果。引導3 - 導航欄活動類

我一直在試着按照教程。它似乎在那裏工作很好，只是不適合我。

來源

2013-09-30 user2831179

安置自己的代碼，更好地做出小提琴 - JSfiddle.net –

這是先生http://jsfiddle.net/Vnsrm/ – user2831179

沒有click事件。可能你需要更多地解釋你想要什麼。 –

疑難雜症，

您在.navbar格失蹤導航欄的主題類。將類.navbar-default添加到.navbar並全部完成。

更新的HTML

<section class="navbar navbar-default"> 
       <ul class="nav navbar-nav"> 
        <li><a href="index.php">New Listings</a> 
        </li> 
        <li><a href="homes.php">Houses</a> 
        </li> 
        <li><a href="land.php">Land</a> 
        </li> 
        <li><a href="mortgagecalc.php">Mortgage Calculator</a> 
        </li> 
        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Pros<span class="caret"></span></a> 

         <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> 
          <li> <a tabindex="-1" href="#">Register for Caraga Homes</a> 
          </li> 
          <li class="divider"></li> 
          <li> <a tabindex="-1" href="#">Post a listing for free</a> 
          </li> 
         </ul> 
         <!-- drop down Menu --> 
        </li> 
       </ul> 
      </section>

而且全部完成。演示：http://jsfiddle.net/shekhardesigner/r2qaZ/

來源

2013-09-30 13:43:02

很多先生。上帝祝福你。 – user2831179

接受我的答案，如果它解決了你的問題:) –

我再次看了視頻。並沒有navbar默認，但它完美地爲他工作。也許這是一個不同版本的bootstrap 3.0。再次。 – user2831179

<script type="text/javascript"> 
    jQuery(document).ready(function($){ 
     var url = window.location.href; 
     $('.nav a[href="'+url+'"]').parent().addClass('active'); 
    }); 
</script>

來源

2014-01-30 18:22:07 user3254496

歡迎來到StackOverflow。好的答案包含源代碼和幫助其他觀衆的簡短說明。請考慮添加幾行文字來解釋您的解決方案，以及它的用處。 – grebneke

引導3 - 導航欄活動類

回答

相關問題