/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 vote497 views1 answer
Shopping cart small icon code react-bootstrap 4.6 fa fas
Javascript Bootstrap
0 vote402 views1 answer
React bootstrap navbar align right buttons
Javascript Bootstrap
0 vote390 views2 answers
Make all images same size bootstrap
CSS Bootstrap
15 votes402 views3 answers
Bootstrap 4 tooltip
Javascript Bootstrap
5 votes377 views1 answer
Bootstrap darkmode
CSS Bootstrap
0 vote402 views1 answer
Bootstrap off canvas not working
Javascript Bootstrap
0 vote375 views5 answers
Boostrap css
CSS Bootstrap
0 vote410 views1 answer
Bootstrap 3 dropdown don't close on click
Javascript Bootstrap
0 vote355 views1 answer
Check uncek react-bootstrap-table reactjs
Javascript Bootstrap
0 vote429 views1 answer
Which react-bootstrap component you will use for width: 100% across all viewport and device sizes
Javascript Bootstrap