Question

以下显示带有UnitName标签的多个选项卡。单击关联的选项卡时，将显示与该选项卡关联的表（javascript）。

如何更改此值以使特定的UnitName被视为活动的UnitName并自动显示关联的表，而不是必须先单击所需的UnitName选项卡？

foreach($unit_list as $unit)
{
echo '<li><a href="#unit'.$j++.'" data-toggle="tab">'.$unit['UnitName'].'</a></li>';
}?>

//the following doesn't happen until the javascript knows which tab is active

 <div class="tab-content">
 <?php $j=0;$i=0;
     foreach($unit_list as $unit)
     {?>

         <div class="tab-pane" id="unit<?php echo $j;?>"> 
         <ul class="nav nav-tabs tab-color" id="deptTabs">
             <?php $userDept = 0; $k=$i; foreach($dept_list[$j] as $dept)
             {?>
                 <li
                     <?php
                     if($dept['Department']==$user_info[0]['Department'])
                     {
                         $userDept=$i;
                         echo "class=\"active\"";
                     }?>
                 >
                     <a href="#dept
                     <?php echo $i;?>
                     " data-toggle="tab">
                 <?php echo $dept['Description'];?></a></li>
                 <?php $i++;
             }
             $i=$k #put i back to the value it started at?>
         </ul>

Answer 1

使用.trigger（）和jquery。

$(document).ready(function(){
   $('#dept_tabs li').each(function(i,v){
      if(i.hasClass('active')){
        i.trigger('click');
      }
   });
});

这会循环遍历所有li元素，找到一个活跃的元素，并触发“点击”就此而言。

这是假设您有一个预定义的点击＆＃39;分配给这些标签的事件。

...即

 $('#deptTabs li').click(function(){
 // Show table here based on which tab was clicked
 });

自动更改活动标签？

1 个答案: