使用javascript以编程方式切换选项卡
我有一个html标签界面,我想根据在组合框中选择的项目使用函数在不同的标签之间切换。我尝试了不同于先前有关stackoverflow的相关问题的解决方案,但没有一个适合我。有人能帮我找到我失踪的地方吗使用javascript以编程方式切换选项卡,javascript,jquery,html,tabs,Javascript,Jquery,Html,Tabs,我有一个html标签界面,我想根据在组合框中选择的项目使用函数在不同的标签之间切换。我尝试了不同于先前有关stackoverflow的相关问题的解决方案,但没有一个适合我。有人能帮我找到我失踪的地方吗 //选项卡的代码 方案名称: 方案ID: //切换选项卡的脚本 函数selectTab(){ $(“#容器”).tab(“选项”,“活动”,2); //$(“#容器a[href=”#菜单1“])[2]。单击(); //$(“#菜单1”)。单击(); } 我
//选项卡的代码
方案名称:
方案ID:
//切换选项卡的脚本
函数selectTab(){
$(“#容器”).tab(“选项”,“活动”,2);
//$(“#容器a[href=”#菜单1“])[2]。单击();
//$(“#菜单1”)。单击();
}
我尝试了很多选择,包括那些被评论的,但是没有一个有效。请告知。您可以这样使用
jQuery代码
$('.cont').click(function(){
var nextId = $(this).parents('.tab-pane').next().attr("id");
$('[href=#'+nextId+']').tab('show');
})
html代码
<div class="container-fluid">
<ul class="nav nav-tabs" id="myTabs">
<li class="active"><a href="#home" data-url="/embed/62805/view">Home</a></li>
<li><a href="#profile" data-url="/embed/62806/view">Profile</a></li>
<li><a href="#messages" data-url="/embed/62807/view">Messages</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="home">This is the home pane...</div>
<div class="tab-pane" id="profile"></div>
<div class="tab-pane" id="messages"></div>
</div>
</div>
这是主窗格。。。
$(“#容器”)。选项卡
似乎正在使用插件或jQuery UI。包括在内吗?也不应该是.tabs()
和.tab()
也请链接您用来寻找“与以前相关问题不同的解决方案”的问题,这样我们就知道什么对您不起作用了。@mplungjan我只有容器类的css。我需要邮寄吗?这是一个相对较大的css文件。@AlexeiLevenkov这里是我以前使用过的相关问题的链接