Fix twitter Bootstrap Tab URL link issue

For example, a tabs code like this:

<ulclass= "Nav nav-tabs"ID= "Mytab">  <Liclass= "Active"><aData-toggle= "tab"href= "#home">Home</a></Li>  <Li><aData-toggle= "tab"href= "#profile">Profile</a></Li>  <Li><aData-toggle= "tab"href= "#settings">Settings</a></Li></ul> 

Workaround

Add the following script on the tabs page to link to a specific tab page through the #tag stroke:

$ (function() {//  Javascript to enable link to tabvar url =  Document.location.toString (); if (Url.match (' # ')) {    $ (' #myTab a[href=# ' +url.split (' # ') [1]+] '). tab (' Show ');} // Change hash for page-reload function (e) {    = e.target.hash;});})

Twitter Bootstrap Tab Basics How to use

Enable tags via javascript (each tab needs to be activated separately):

$ (' #myTab a '). Click (function  (e) {  e.preventdefault ();  $ ( This

You can activate the label by following several ways:

// Select tab by name // Select first Tab // Select last tab //

Fix twitter Bootstrap Tab URL link issue