Utilizzando bootstrap (e non solo) spesso sorge il problema di selezionare la voce del menu corrispondente alla pagina corrente.

Con questo semplice script è possibile effettuare tale selezione durante l’evento document ready di jquery.

Prendendo per esempio il seguente menu: 

<nav class="navbar navbar-default " role="navigation" id="slide-nav">
       <div class="container">
           <div id="slidemenu">
               <ul class="nav navbar-nav">
                   <li><a href="http://www.dotnetcode.it/">Home</a></li>
                   <li><a href="http://www.dotnetcode.it/chisiamo">Chi Siamo</a></li>
                   <li><a href="http://articoli.dotnetcode.it">Articoli</a></li>
            </ul>
           </div>
       </div>
   </nav>

  

Basterà inserire la seguente funzione:

<script type="text/javascript">
function setNavigation() {
            var path = window.location.pathname;
            path = path.replace(/\/$/, "");
            path = decodeURIComponent(path);
            $(".nav a").each(function () {
                var href = $(this).attr('href');
                if ((path.length > 0 && href.indexOf(path) >= 0) || window.location.href.toLowerCase() == href.toLowerCase()) {
                    $(this).closest('li').first().addClass('active');
                }
            });
        }
$(document).ready(function () {
         setNavigation();
       });
</script>

Per vedere un esempio… basta dare uno sguardo al menu di questo sito web!

Saluti

Happy coding!