2014-10-02 74 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