Bootstrap Tab分页

Question

我一直在网上搜索一个bootstrap tab分页片段，无法在任何地方找到它，所以我想我会用JQuery把东西放在一起，然后和你这些可爱的人分享！

希望这有助于某人

Answer 1

这就是答案。

//.pager is the pagination container
$('.pager').find('.previous, .next').click(function(e) {
    e.preventDefault();
    //.nav-tabs is the tabs container
    var tabs = $('.nav-tabs');
    var currentTab = $(tabs).find('.active');
    var previousTab = $(currentTab).prev();
    var nextTab = $(currentTab).next();
    //find if the event's class is next or previous
    if ( $(this).is('.previous') ) {
        $(previousTab).find('a').click();
    }
    if ( $(this).is('.next') ) {
        $(nextTab).find('a').click();
    }
});