Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/399.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript以编程方式切换选项卡_Javascript_Jquery_Html_Tabs - Fatal编程技术网

使用javascript以编程方式切换选项卡

使用javascript以编程方式切换选项卡,javascript,jquery,html,tabs,Javascript,Jquery,Html,Tabs,我有一个html标签界面,我想根据在组合框中选择的项目使用函数在不同的标签之间切换。我尝试了不同于先前有关stackoverflow的相关问题的解决方案,但没有一个适合我。有人能帮我找到我失踪的地方吗 //选项卡的代码 方案名称: 方案ID: //切换选项卡的脚本 函数selectTab(){ $(“#容器”).tab(“选项”,“活动”,2); //$(“#容器a[href=”#菜单1“])[2]。单击(); //$(“#菜单1”)。单击(); } 我

我有一个html标签界面,我想根据在组合框中选择的项目使用函数在不同的标签之间切换。我尝试了不同于先前有关stackoverflow的相关问题的解决方案,但没有一个适合我。有人能帮我找到我失踪的地方吗

//选项卡的代码


方案名称:
方案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这里是我以前使用过的相关问题的链接