javascript - Always active the first ul list and the first div for certain id using jQuery -

-

problem:

i have jquery code switch between tabs. however, wondering how can extended activates first subelement of each id.

code html tab navigation:

<div id="navtabs">     <div>         <a href="#tab1" class="active btn btn-info" data-toggle="tab"><i class="icon-home"></i>start</a>         <a href="#tab2" class="btn btn-info" data-toggle="tab"><i class="icon-book"></i>essay</a>         <a href="#tab3" class="btn btn-info" data-toggle="tab"><i class="icon-ok-sign"></i>criteria</a>         <a href="#tab4" class="btn btn-info" data-toggle="tab"><i class="icon-time"></i>time</a>     </div> </div>

code example tab:

<div class="tab-pane" id="tab2">      <ul id="mytab" class="nav nav-tabs">         <li class="active"><a href="#participants" data-toggle="tab">participants</a></li>         <li><a href="#gradevalues" data-toggle="tab">criteria</a></li>     </ul>      <div id="mytabcontent" class="tab-content">         <div class="tab-pane fade in active" id="participants">text</div>         <div class="tab-pane fade" id="gradevalues">text</div>     </div>  </div>

jquery code:

$('#navtabs a[data-toggle="tab"]').on('shown', function () {     $('#navtabs a[data-toggle="tab"]').attr('class','btn btn-info');     $(this).attr('class','active btn btn-info'); })

scenario:

when click on second tab (#tab2), in addition jquery also: (1) activate first li element in #mytab and; (2) activate first div element in #mytabcontent. say, make sure there "class=active" first li-element , "class=tab-pane fade in active" first div.

try this:

$('#navtabs a[data-toggle="tab"]').on('shown', function () {     $('#navtabs a[data-toggle="tab"]').attr('class','btn btn-info');     $(this).attr('class','active btn btn-info');      var tabid = $(this).attr('href');     var lis = $(tabid).find('#mytab li');//get collection of li's     $.each(lis, function(){         $(this).removeclass('active'); //remove active class each li     });        $(tabid).find('#mytab li:eq(0)').addclass('active');//add active class       //same process divs     var divs = $(tabid).find('#mytabcontent div');     $.each(divs, function(){         $(this).removeclass('in active');     });     $(tabid).find('#mytabcontent div:eq(0)').addclass('in active');  });

Comments

Post a Comment

Popular posts from this blog

django - How can I change user group without delete record -

-
on website user have 1 group. , user can change group. it's made user.groups.clear() and user.groups.add(new_group) but it's not efficient, because there 2 sql query: delete, insert. how can change group update query? user , group related each other using manytomanyfield . means intersection table exists relating both entities, , if don't specify model map (using through attribute) django creates 1 you. looking @ sources django.contrib.auth.models see that's case. fortunatly, can access intermediary model using through attribute of manager (in case, user.groups.through ). can use regular model. example: >>> alice = user.objects.create_user('alice', 'alice@example.com', 'alicepw') >>> employee = group.objects.create(name='employee') >>> manager = group.objects.create(name='manager') >>> alice.groups.add(employee) >>> alice.groups.all() [<group: employee...
Read more

java - Need to add SOAP security token -

-
i need set custom soap header attribute on jax-ws generated webservice client. case webservice calls must go through proxy server requiring specific token (recieved web request header) present in soap request header. e.g.: 1 carserviceservice service = null; 2 service = new carserviceservice(new url(url), new qname(qname); 3 carserviceendpoint port = service.getcarserviceport(); it seems in line 3 wsdl retrieved , call fails due missing security token. 1 point direction on how done? a detailed example has been mentioned here: creating , deploying jax-ws web service on tomcat 6 this article shows how create , use security token .
Read more

java - EclipseLink JPA Object is not a known entity type -

-
i have strange problem eclipselink , object want persist. have 1 object (keypointlistimpl) stores object keypointimpl in list. persisting keypointimpl objects works great if try persist keypointlistimpl object java.lang.illegalargumentexception says object keypointimpl isn't known entity type. here keypointimpl code: @entity @table(name="keypoints") public class keypointimpl implements keypoint { @id @generatedvalue(strategy = generationtype.identity) private int id; @enumerated(enumtype.string) private detectortype keypointtype; private float x; private float y; private float size; private float angle; private float response; private int octave; private int classid; ... } here keypointlistimpl code: @entity @table(name="keypointlists") public class keypointlistimpl implements keypointlist { @id @generatedvalue(strategy = generationtype.identity) private int id; @onetoone(cascade={ca...
Read more