jquery - 使用 Twitter-Bootstrap，如何在切换模式的同时打开选项卡？

我有一个模态，在该模态中是选项卡。模式最初是隐藏的，我有一个按钮列表。

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

最佳答案

不幸的是，对此没有“开箱即用”的解决方案。它需要一些 jQuery/CSS 操作。

基本上，您需要:

在每个按钮上创建 onclick 事件

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

对于 Twitter Bootstrap 代码库，您需要从选项卡链接列表和选项卡 Pane 中添加/删除类:

//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");

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

http://coryprice.com/e/twitter-bootstrap/modal-with-tabs/

关于jquery - 使用 Twitter-Bootstrap，如何在切换模式的同时打开选项卡？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9465372/