2014-10-02 108 views
-4

我一直在網上尋找引導標籤分頁片段,找不到任何地方,所以我想我會把東西放在一起使用JQuery,並與你分享可愛的人!Bootstrap標籤頁分頁

希望這可以幫助別人

+0

我會刪除它! – Edward 2014-10-03 19:58:21

回答

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(); 
    } 
}); 
+0

不錯。你能提供一個演示嗎?這裏有一個Bootstrap基礎小提琴:http://jsfiddle.net/isherwood/bz88LrLn/ – isherwood 2014-10-02 15:58:02

+0

哦,是的,生病在一秒之內:-) – Edward 2014-10-02 16:11:24