Javascript 由于页面重新加载,活动类丢失
我的页面上有两个选项卡Javascript 由于页面重新加载,活动类丢失,javascript,php,mysql,Javascript,Php,Mysql,我的页面上有两个选项卡 if(isset($_GET['graph'])) { $opt=$_GET['graph']; } else $opt=1; if($opt==1) { //code related to graphical tab } else { //code related to tabular tab } 表格的 图形化 我的页面显示上述两种形式的相同数据,默认情况下显示的是图形形式 我的选项卡代码是: if(isset($_GET['graph'])) { $opt=$_
if(isset($_GET['graph']))
{
$opt=$_GET['graph'];
}
else
$opt=1;
if($opt==1)
{
//code related to graphical tab
}
else
{
//code related to tabular tab
}
表格的
图形化
我的页面显示上述两种形式的相同数据,默认情况下显示的是图形形式
我的选项卡代码是:
if(isset($_GET['graph']))
{
$opt=$_GET['graph'];
}
else
$opt=1;
if($opt==1)
{
//code related to graphical tab
}
else
{
//code related to tabular tab
}
当我点击其中一个选项卡时,我想按照我通过hyperlink传递的查询字符串执行下面的代码,但是页面被重新加载活动类不会随着选项卡的更改而更改
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.readyfunction{
$li.clickfunctionevent{
//违约事件;
如果$li.hasClass“活动”{
$li.removeClass'active';
}
$this.addClass'active';
};
};
您需要根据$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>
您已经将所选图形放入$opt变量中。使用它来选择正确的选项卡。很难深入了解细节,因为您的代码片段包含很多“噪音”。您能删除所有与在选项卡上绘制图形相关的代码吗?因此只有两个普通选项卡可供切换?我得到了正确的图形,但活动类没有相应地更改。由于页面重新加载,活动类更改丢失。@Rajendra在上面的代码中,您在哪里设置了活动类?@Rajendra很好,很高兴我能提供帮助。还请注意,我的答案中有一个小的输入错误-我有两次$opt==1,当然第二行应该是$opt==2。我已编辑以显示this@Rajendra是的,我想是的,但是为未来的访问者做了编辑
if(isset($_GET['graph']))
{
$opt=$_GET['graph'];
}
else
$opt=1;
if($opt==1)
{
//code related to graphical tab
}
else
{
//code related to tabular tab
}