Javascript 如何在第二次html页面加载中基于上一页激活特定选项卡
我有一张饼图。功能是当我选择饼图的一个特定部分时,它会重定向到下一个带有所选选项卡的页面。通过使用以下代码,我能够获得饼图部分的值:Javascript 如何在第二次html页面加载中基于上一页激活特定选项卡,javascript,jquery,html,Javascript,Jquery,Html,我有一张饼图。功能是当我选择饼图的一个特定部分时,它会重定向到下一个带有所选选项卡的页面。通过使用以下代码,我能够获得饼图部分的值: var search = document.URL.split('?')[1]; 现在我的任务是如何根据“search”变量的值启用下一页的特定选项卡。 接下来,当用户直接访问此页面时,默认情况下第一个选项卡处于启用状态。为此,我使用了以下代码: <div class="tab-pane in active" id="tab1"> 我尝试过
var search = document.URL.split('?')[1];
现在我的任务是如何根据“search”变量的值启用下一页的特定选项卡。
接下来,当用户直接访问此页面时,默认情况下第一个选项卡处于启用状态。为此,我使用了以下代码:
<div class="tab-pane in active" id="tab1">
我尝试过很多方法(比如
$(“ul.tabs li:first”).addClass(“active”).show()
或使用eq()
),但都没有成功。如果有人能帮我,请告诉我。这应该可以完成这项工作:
<script>
$(function() {
$("#tabs").tabs();
var search = document.URL.split('?')[1];
switch (search) {
case "error":
$("#tab1 > a").click();
break;
case "suspect":
$("#tab2 > a").click();
break;
}
});
</script>
<div id="tabs">
<ul class="nav nav-tabs" id="myTab">
<li id="tab1" class="active"><a href="#error"data-toggle="tab"> Error</a></li>
<li id="tab2"><a href="#suspect" data-toggle="tab" >Suspect </a></li>
</ul>
<div class="tab-pane in active" id="error">
Error
</div>
<div class="tab-pane" id="suspect">
Suspect
</div>
</div>
$(函数(){
$(“#制表符”).tabs();
var search=document.URL.split(“?”)[1];
开关(搜索){
案例“错误”:
$(“#表1>a”)。单击();
打破
“嫌疑犯”一案:
$(“#选项卡2>a”)。单击();
打破
}
});
错误
犯罪嫌疑人
你可以发布一个HTML/JS示例来说明选项卡的定义吗?我在原始帖子中的意思是:)另外一个合适的选项卡也可能有用。@Thierry J:这里我定义了选项卡:单击
,是因为选项卡小部件在单击
事件上添加了一个事件处理程序,它除了执行.show()
之外,还执行许多其他操作。试试点击,看看效果如何。也在$(function(){…})中调用它代码>在页面加载后立即运行代码,它将函数设置为文档上事件ready
的处理程序。谢谢。现在它工作正常,但我不得不删除这行代码$(“#tabs”).tabs()。非常感谢你。