代码之家 › 专栏 › 技术社区 › user3052443

如何在jQuery中确定活动选项卡

tabs jquery

user3052443 · 技术社区 · 6 年前

我试图用一个php值来控制标签页上显示的内容。我的基本代码如下所示。就切换而言,选项卡工作正常。但是tab代码并不控制php代码,因此它们都会显示,而不是一个tab显示的内容。有没有办法用这样的php来控制所显示的内容?

    <div id="handle-tabs" style="overflow: auto;">
      <ul>
        <li><?php echo '<a href="example.com?section-one">Section One</a>'; ?></li>
        <li><?php echo '<a href="example.com?section-two">Section Two</a>'; ?></li>
        <li><?php echo '<a href="example.com?section-three">Section Three</a>'; ?></li>
      </ul>

      <div id="section-one"> 
          <?php 
          $this_group = 'one';
          DoSomething(1);
          ?> 
      </div>

      <div id="section-two"> 
          <?php 
          $this_group = 'two';
          DoSomething(2);
          ?> 
      </div>

      <div id="section-three">   
          <?php 
          $this_group = 'three';
          DoSomething(3);
          ?>  
      </div>    
    </div>

    function DoSomething($id) {
      switch ($id) {
       case 1: echo 'one'; break; 
       case 2: echo 'two'; break;
       case 3: echo 'three'; break;
      } 
    }

1 回复 | 直到 6 年前

random_user_name Falguni Panchal 6 年前

你必须通过查看 $_GET 正在传递的变量。

然后,在 DoSomething

<div id="handle-tabs" style="overflow: auto;">
  <ul>
    <li><?php echo '<a href="example.com?section=1">Section One</a>'; ?></li>
    <li><?php echo '<a href="example.com?section=2">Section Two</a>'; ?></li>
    <li><?php echo '<a href="example.com?section=3">Section Three</a>'; ?></li>
  </ul>

  <div id="section-one"> 
      <?php 
      $this_group = 'one';
      DoSomething(1);
      ?> 
  </div>

  <div id="section-two"> 
      <?php 
      $this_group = 'two';
      DoSomething(2);
      ?> 
  </div>

  <div id="section-three">   
      <?php 
      $this_group = 'three';
      DoSomething(3);
      ?>  
  </div>    
</div>

function DoSomething( $id ) {
  // load the current tab ID into the $current variable
  $current = (int)( isset( $_GET['section'] ) ) ? $_GET['section'] : '';

  // if the tab to be displayed is not the "current" one, then do NOT render anything
  if ( $id != $current ) {
      return;
  }

  switch ( $id ) {
   case 1: 
       echo 'one'; 
       break; 
   case 2: 
       echo 'two'; 
       break;
   case 3: 
       echo 'three'; 
       break;
  } 
}

推荐文章

Nelson Silva · 访问HTMLcollection时获取null

6 年前

G Rover · 当单元格总数=0时,如何更改选项卡的颜色

6 年前

Anita · 模块appregistry不是已注册的可调用模块(调用runApplication)

6 年前

zekephp · PHP。txt到数组制表符分隔

6 年前

ymmx · 是否可以拖动QTabWidget并打开一个新窗口,其中包含pyqt5中此选项卡中的内容?

6 年前

Daniel Hernandez · Paho android服务的选项卡活动

6 年前

Sven-Michael Stübe · 角度材质选项卡内容c3js图表未显示

6 年前

amitairos · 角度取消聚焦选项卡并将焦点设置为其他选项卡

6 年前

BobbyJones · 选择具有相同元素id的选项卡内容

6 年前

chinmay · 如何在滚动时更新选项卡的值

6 年前