/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

1 vote220 views2 answers
How to navigate with navintems for react-bootstrap without refreshing the whole page
Javascript Bootstrap
0 vote191 views1 answer
Install bootstrap in nextjs
Javascript Bootstrap
2 votes181 views1 answer
How to add bootstrap by downloading in react js
Javascript Bootstrap
5 votes206 views2 answers
Remove bootstrap button outline
CSS Bootstrap
7 votes234 views3 answers
Bootstrap remove outline
CSS Bootstrap
238 votes346 views5 answers
Include bootstrap
CSS Bootstrap
1 vote273 views1 answer
React-bootstrap navbar nav link refreshes page
Javascript Bootstrap
0 vote233 views1 answer
Bootstrap 4 input error
CSS Bootstrap
0 vote200 views1 answer
How to apply CodeMirror in Bootstrap Modal
Javascript Bootstrap
0 vote189 views1 answer
Mdbootstrap react
Javascript Bootstrap