Javascript 当我单击静态选项卡时，如何触发动态选项卡？

我有这样一个HTML示例：

    <!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist" id="tab1">
     <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
     <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>
     <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li>
     <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>
</ul>

<ul class="nav nav-tabs" role="tablist" id="tab2">
</ul>

<!-- Tab panes -->
<div class="tab-content">
     <div role="tabpanel" class="tab-pane active" id="home">Home</div>
     <div role="tabpanel" class="tab-pane" id="profile">Profile</div>
     <div role="tabpanel" class="tab-pane" id="messages">Messages</div>
     <div role="tabpanel" class="tab-pane" id="settings">Settings</div>
</div>

}))

Tab1是静态选项卡，tab2是动态元素（从Tab1复制html）

我所要做的就是每当单击tab1时，也会单击tab2，反之亦然。但是我没有运气。有人能帮我吗？谢谢

像这样试试-

 var a = '1';var b ='1';
     $("#tab2").on("click","li a[data-toggle='tab']",function(){
    console.log(b);
    if(b==1){a=2;
          $("#tab1 a[href="+$(this).attr("href")+"]").click();}else{a=1;b=1;}
     });

    //event click for tab1
    $("#tab1").on("click","li a[data-toggle='tab']",function(){
    console.log(a);
    if(a==1){
    b=2;
          $("#tab2 a[href="+$(this).attr("href")+"]").click();
    }else{b=1;a=1;}
     });

---

让我们和同学们开个玩笑

$("#tab2").html($("#tab1").html());


 $("#tab2 li a[data-toggle='tab']").on("click",function(){
    $("#tab1 li").removeClass("active");
    $("#tab1 a[href="+$(this).attr("href")+"]").parent().addClass("active");
 });

$("#tab1 li a[data-toggle='tab']").on("click",function(){
    $("#tab2 li").removeClass("active");
    $("#tab2 a[href="+$(this).attr("href")+"]").parent().addClass("active");
 });

---

你能准备一把小提琴吗？还有一件事，这种事情需要什么？如果两个标签可以保持打开状态，那么有标签的意义是什么？看起来像引导，你应该移除其中一个标签，并用引导替换它以吸引更多的人relevant@GHOST93我试图为我的问题做一个非常简单的例子。事实上，我正在制作一个转换为下拉列表的响应选项卡，我需要为case resize浏览器窗口同步两个选项卡。@ALau:这完全是引导。删除标签是什么意思？

$("#tab2").html($("#tab1").html());


 $("#tab2 li a[data-toggle='tab']").on("click",function(){
    $("#tab1 li").removeClass("active");
    $("#tab1 a[href="+$(this).attr("href")+"]").parent().addClass("active");
 });

$("#tab1 li a[data-toggle='tab']").on("click",function(){
    $("#tab2 li").removeClass("active");
    $("#tab2 a[href="+$(this).attr("href")+"]").parent().addClass("active");
 });