Twitter Bootstrap 3 Setting Active Tab In Js Not Working

Yeah, so this has been asked about 1000 times, but I tried the answers and none seem to be working for me. Here are my tabs:

• Solution 1:

  The first problem is here:

  $('#tab a:first').tab('show')
  

  #tab makes reference to an id="tab", and you don't have one. Replace #tab with .nav-tabs or add an ID to your ul:

  $('.nav-tabs a:first').tab('show')
  

  Your second problem is that you forgot to remove the : next to the a:

  $('.nav-tabs a:[href="#security"]').tab('show')
  

  It should be:

  $('.nav-tabs a[href="#security"]').tab('show')
  

  Solution 2:

  You have : in your selector, Change it to

   $('#tab a[href="#security"]').tab('show');
  

  instead of

   $('#tab a:[href="#security"]').tab('show'); 
  

Share