/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

0 vote374 views1 answer
Bootstrap popover style width
CSS Bootstrap
238 votes488 views5 answers
Include bootstrap
CSS Bootstrap
0 vote354 views1 answer
Bootstrap dropdown not working in angular 8
Javascript Bootstrap
5 votes338 views1 answer
Bootstrap darkmode
CSS Bootstrap
120 votes445 views3 answers
React import bootstrap css file
CSS Bootstrap
33 votes372 views6 answers
Angular add bootstrap
Javascript Bootstrap
33 votes382 views3 answers
React native bootstrap
Javascript Bootstrap
-1 vote315 views1 answer
Price range slider bootstrap 4
Javascript Bootstrap
1 vote370 views1 answer
Bootstrap col no gaps
CSS Bootstrap
0 vote382 views1 answer
Bootstrap modal overflow
CSS Bootstrap