Question

Using Twitter Bootstrap’s [Tabbable Tabs][1], it says to:

“Enable tabbable tabs via javascript (each tab needs to be activated individually)”:

  $('#myTab a').click(function (e) {
    e.preventDefault();
  $(this).tab('show');
   })

and then you can “activate individual tabs in several ways”:

$('#myTab a[href="#profile"]').tab('show'); // Select tab by name
$('#myTab a:first').tab('show'); // Select first tab
$('#myTab a:last').tab('show'); // Select last tab
$('#myTab li:eq(2) a').tab('show'); // Select third tab (0-indexed)

How could I activate each tab individually when I click in it and have it’s #id appear in the URL?

Answer 1

This is to add hash in url you can add this:

$('a').click(function(e){

e.preventDefault();
if(window.location.hash) window.location.hash = '';
window.location.hash = $(e.target).attr('class'); //or id, or other attribute

});

when user click on ‘a’ tag (or your tab id or etc…) then remove previus hash and append new hash.
basically use window.location.hash.