Jquery 使用Twitter引导，如何在切换模式的同时打开选项卡？

我有一个模态，模态中有标签。模态最初是隐藏的，我有一个按钮列表

---

每个按钮都指定给模式中的选项卡。单击按钮时，我希望弹出模式，然后切换到分配给按钮的选项卡。

不幸的是，没有现成的解决方案。这需要一些jQuery/CSS操作

基本上，您需要：

在每个按钮上创建onclick事件

操纵CSS以添加/显示目标选项卡

对于Twitter引导代码库，您需要从选项卡链接列表和选项卡窗格中添加/删除类：

//remove active class from all links and buttons
$(".tab-pane").removeClass("active");
$(".tab-btn").removeClass("active");

//add active and fade in class to tab link and content pane
$("#home").addClass("active in");
$("#btn_home").addClass("active");

我最近把它添加到一个项目中，所以继续写了一个小模型

---

我在@sridhar-r的另一个解决方案中找到的另一个解决方案使用目标选项卡上的tab（'show'）方法切换选项卡，如下所示：

function activeTab(tab){
   $('.nav-tabs a[href="#' + tab + '"]').tab('show');
};

因此，在按钮的单击事件中，您只需激活模式并指定要打开的选项卡，例如

var myClickEvent = function(){
       $('#myModal').modal('show');
       activeTab("mydefaultTab");
};

---

哇-很好的工作同步标签与按钮。你的演示效果很好。