/Javascript/Bootstrap/Bootstrap set active tab javascript

Bootstrap set active tab javascript

Make Bootstrap tab Active on the bases of URL link

var url = window.location.href;
var activeTab = url.substring(url.indexOf("#") + 1);
 $(".tab-pane").removeClass("active in");

$("#" + activeTab).addClass("active in");

$('a[href="#'+ activeTab +'"]').tab('show')

Source: stackoverflow.com

Bootstrap set active tab javascript

$(document).ready(function(){
    activaTab('aaa');
});

function activaTab(tab){
    $('.nav-tabs a[href="#' + tab + '"]').tab('show');
};

-1

Similar codes

112 votes362 views6 answers
Import bootstrap 4 in react
Javascript Bootstrap
6 votes257 views5 answers
Bootstrap icons
CSS Bootstrap
0 vote199 views1 answer
Bootstrap accessibility
CSS Bootstrap
0 vote234 views1 answer
React js bootstrap select option required
Javascript Bootstrap
0 vote258 views1 answer
React bootstrap profile card
Javascript Bootstrap
120 votes376 views3 answers
React import bootstrap css file
CSS Bootstrap
0 vote268 views2 answers
Laravel bootstrap 5 install popper.js error
Javascript Bootstrap
0 vote175 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS Bootstrap
16 votes262 views3 answers
Bootstrap show modal jquery
Javascript Bootstrap
0 vote289 views1 answer
How to use bootstrap color variables in sass
CSS Bootstrap