javascript - Goto a tab without using anchor links? -


i'm using scroll javascript , have found problem tabs, is conflicting scroll javascript. i.e.

                <ul class="nav nav-tabs">                   <li class="active"><a data-toggle="tab" href="#menu1">menu1 </a></li>                   <li><a data-toggle="tab" href="#menu2">menu2 </a></li>                   <li><a data-toggle="tab" href="#menu3">menu3</a></li>                 </ul> 

is possible link tabs without using anchor? (#menu1)

kind regards,

you can use data-target attribute instead:

<ul class="nav nav-tabs" role="tablist">     <li role="presentation" class="active"><a data-target="#tab1" role="tab" data-toggle="tab">first tab</a></li>     <li role="presentation"><a data-target="#tab2" role="tab" data-toggle="tab">second tab</a></li> </ul>  <!-- tab panes --> <div class="tab-content">   <div role="tabpanel" class="tab-pane active" id="tab1">content 1</div>   <div role="tabpanel" class="tab-pane" id="tab2">content 2</div> </div> 

here working fiddle


Comments