引导：下一个按钮应显示下一个选项卡 [英] Bootstrap: next button should display next tab

问题描述

我想在引导标签导航中实现自定义下一步按钮。

I want to implement a custom next button into the bootstrap tab navigation.

点击下一个按钮时，下一个标签应显示为活动。
如果到达最后一个标签，则应从第一个标签开始。

When clicking on the next-button, the next tab should be displayed as active. If the last tab is reached it should start with the first tab.

Bootboy snippet

推荐答案

这解决了您的问题

$('.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

这篇关于引导：下一个按钮应显示下一个选项卡的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！