Bootstrap 3 - barre de navigation active de la classe

$("#houses a:contains('Houses')").parent().addClass('active');
<body id="houses">
  <li><a href="houses.php">Houses</a></li> 
</body>

Quand je clique sur la valeur liquidative(maisons), à l'inspecter l'élément, il ajoute la classe active, mais elle ne change pas la couleur de la valeur liquidative. ajoute de la classe, mais aucun effet.

J'ai essayé de suivre un tuto. Il semble fonctionner très bien, juste pas pour moi.

Publier vos codes, mieux faire de violon JSfiddle.net
Ici, c'est sir jsfiddle.net/Vnsrm
Il n'y a pas de cliquez sur l'événement. peut-être que vous avez à expliquer peu plus sur ce que vous voulais.
mon problème c'est que cela ajoute de la classe active de la li, mais elle n'a pas l'effet. la couleur est la même que les autres li qui n'ont pas la classe active.

OriginalL'auteur user2831179 | 2013-09-30

  1. 7

    Gotcha,

    Il vous manque la barre de navigation thème de classe sur .navbar div. Ajouter une classe .navbar-default à .navbar et tout est fait.

    HTML mis à jour

    <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>

    Et tout est fait. Démonstration: http://jsfiddle.net/shekhardesigner/r2qaZ/

    wow tnx beaucoup monsieur. Que dieu vous bénisse.
    Accepter ma réponse si il résolu votre problème 🙂
    J'ai regardé à nouveau la vidéo. et il n'y a pas de barre de navigation par défaut, mais il a travaillé pour lui à la perfection. C'était peut-être une autre version de bootstrap 3.0. tnx de nouveau.
    Semble que vous avez vu la vidéo de Bootstrap 2.3.2
    Thème classes sont de Bootstrap 3.0

    OriginalL'auteur Shekhar K. Sharma

  2. 2
    <script type="text/javascript">
    jQuery(document).ready(function($){
        var url = window.location.href;
        $('.nav a[href="'+url+'"]').parent().addClass('active');
    });
</script>
    Bienvenue sur StackOverflow. Les bonnes réponses contiennent le code source et une courte explication pour aider les autres internautes. Veuillez envisager d'ajouter quelques lignes de texte expliquant votre solution et ce qui le rend utile.

    OriginalL'auteur user3254496