jquery - 如何在 Twitter Bootstrap 中从一个选项卡链接到另一个选项卡？

Question

假设您有几个使用 Twitter Bootstrap 创建的选项卡。如何在同一页面上从一个选项卡链接到另一个选项卡？

例如，假设在第一个选项卡上，我想链接到第二个选项卡。

Answer 1

与建议的解决方案略有不同，更适合我:

HTML:

<a class="btn" href="#login-signup" data-toggle="destination-tab">Sign up</a>

JS:

$(document).on('click', 'a[data-toggle="destination-tab"]', function(event) {
    event.preventDefault();
    var hash = this.href.replace(/^.+#/, '#');
    $('a[href="' +hash+ '"][data-toggle=tab]:first').click();
});

此版本的优点是能够使用 href 属性进行链接，确保您“单击”的链接实际上是切换选项卡的链接，并且(并非不重要)限制了链接的数量被链接到一个。