javascript - 由于页面重新加载，事件类丢失

Question

我的页面上有两个选项卡

1. 表格
2. 图形

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

我的选项卡代码是:

<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>