javascript - Onload bootstrap tab trigger -
the active class isn't working , i've tried body on-load click trigger , show tab using id , many other ways, nothing seems working. have hashed url enable tabs linked individually in search. appreciated.
js: hash url , jump tab
// jump tab if exists  if (location.hash) {   $('a[href=' + location.hash + ']').tab('show');   }    // add tab hash url persist state   $(document.body).on("shown.bs.tab", function(e){   location.hash = e.target.hash;   });  }); js: go tab home (not working)
$("document").ready(function(){ $("#home").trigger("click"); }); html:
<div class="col-xs-5 col-md-2 nopadding">   <nav class="nav-sidebar">     <ul class="nav tabs">     <li class="lead3"><a href="#home" class="active" data-toggle="tab">home </a></li>    <li class="lead3"><a href="#tab1" data-toggle="tab">tab1</a></li>    <li class="lead3"><a href="#tab3" data-toggle="tab" >tab3</a></li>                                   <li class="lead3"><a href="#contact" data-toggle="tab"> contact </a></li>                                                                                                                     </ul> </nav> tab-pane:
<div class="tab-pane active fade text-style" id="home"> . .. </div> 
what expect line?
$("home").trigger("click"); i suppose jquery can't find element here $("home"). evaluate in console check.  if going find element class 'home' or id 'home' should use $(".home") or $("#home") properly.
Comments
Post a Comment