Bootstrap:下一个按钮应显示下一个选项卡

Question

我想在bootstrap选项卡导航中实现自定义下一步按钮.

单击下一个按钮时,下一个选项卡应显示为活动状态.如果到达最后一个选项卡,它应该从第一个选项卡开始.

Bootply代码段

Answer 1

这解决了你的问题

$('.next-tab').click(function(e){
  if($('.nav-tabs > .active').next('li').hasClass('next-tab')){
    $('.nav-tabs > li').first('li').find('a').trigger('click');
  }else{
    $('.nav-tabs > .active').next('li').find('a').trigger('click');
  }
  e.preventDefault();
});

http://www.bootply.com/XYpxMIgink