Question

我的页面上有两个标签

表格
图形

我的页面显示了上面提到的两种形式的相同数据，默认情况下它显示的是图形形式。

我的标签代码是：

<form method="get">
     <ul class="nav nav-tabs" role="tablist">
          <li class="active" ><a href="todayfiletype1.php?graph=1" >Graphical View</a></li>
         <li ><a href="todayfiletype1.php?graph=2">Tabular View</a></li>
    </ul>
</form>

当我点击其中一个标签时，我想按照我通过超链接传递的查询字符串执行下面的代码，但是页面重新加载活动类不会随标签中的更改而改变

if(isset($_GET['graph']))
{
$opt=$_GET['graph'];
}
else
$opt=1;

if($opt==1)
{
//code related to graphical tab
}
else
{
//code related to tabular tab
}

请建议我如何根据点击获得活动课程。目前它正在改变但由于页面重新加载而丢失。

用于切换活动类的Jquery代码

$(document).ready(function() {
     $("li").click(function(event) {
          //event.preventDefault();
          if ($("li").hasClass('active')) {
               $("li").removeClass('active');
          }
          $(this).addClass('active');
     });
});

Answer 1

您需要根据$opt变量的值将类添加到正确的元素中：

<form method="get">
     <ul class="nav nav-tabs" role="tablist">
          <li<?php echo ($opt==1)?' class="active"':'';?>><a href="todayfiletype1.php?graph=1" >Graphical View</a></li>
          <li<?php echo ($opt==2)?' class="active"':'';?>><a href="todayfiletype1.php?graph=2">Tabular View</a></li>
    </ul>
</form>

由于页面重新加载而导致活动类丢失

1 个答案: