Twitter Bootstrap add active class to li

Question

Using twitter bootstrap, and I need to initiate active class to the li portion of the main nav. Automagically. We use php not ruby. Sample nav : ```

``` Bootstrap code is as follows: ```

Home

``` So just need to figure out how to append the class active to the current page. Have looked thru nearly every answer on Stack, with no real joy. I had played with this: ``` /*menu handler*/ $(function(){ var url = window.location.pathname; var activePage = url.substring(url.lastIndexOf('/')+1); $('.nav li a').each(function(){ var currentPage = this.href.substring(this.href.lastIndexOf('/')+1); if (activePage == currentPage) { $(this).parent().addClass('active'); } }); }) ``` But no joy.

Accepted Answer

We managed to fix in the end:

```
/*menu handler*/
$(function(){
  function stripTrailingSlash(str) {
    if(str.substr(-1) == '/') {
      return str.substr(0, str.length - 1);
    }
    return str;
  }

var url = window.location.pathname;  
  var activePage = stripTrailingSlash(url);

$('.nav li a').each(function(){  
    var currentPage = stripTrailingSlash($(this).attr('href'));

if (activePage == currentPage) {
      $(this).parent().addClass('active'); 
    } 
  });
});
```

Twitter Bootstrap add active class to li

Solution

Problem

Related problems