Bootstrap 3 - Navbar активный класс

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

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

Когда я нажимаю на нав (дома), в инспектировать элемент добавляет класс активен, но это не меняет цвет нав. добавляет класс, но не влияет.Bootstrap 3 - Navbar активный класс

Я пытался следовать учебному пособию. Кажется, там хорошо работает, только не для меня.

источник

2013-09-30 user2831179

Разместить свои коды, лучше сделать скрипку - JSfiddle.net –

Здесь сэр http://jsfiddle.net/Vnsrm/ – user2831179

Там нет события щелчка. может быть, вам нужно объяснить немного больше о том, что вы хотели. –

Попался,

У вас не хватает NavBar темы класса на .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

wow tnx много сэр. Будьте здоровы. – user2831179

Примите мой ответ, если он решит вашу проблему :) –

Я снова посмотрел видео. и не было navbar-default, но он работал для него безупречно. Возможно, это была другая версия bootstrap 3.0. tnx снова. – 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

Bootstrap 3 - Navbar активный класс

ответ

Смежные вопросы