水平滚动引导选项卡 [英] Horizontal Scrolling Bootstrap Tabs

问题描述

如果我点击来自此案例的下一个或上一个按钮，如何一个一个显示标签

How to show tab one by one if i click next or previous button from this case

我的小提琴

<ul class="nav nav-tabs list" id="myTab">
  <li class="active"><a href="#home">Home</a></li>
  <li><a href="#profile">Profile</a></li>
  <li><a href="#messages">Messages</a></li>
  <li><a href="#settings">Settings</a></li>
  <li><a href="#">Tab4</a></li>
  <li><a href="#">Tab5</a></li>
  <li><a href="#">Tab6</a></li>
  <li><a href="#">Tab7</a></li>
  <li><a href="#">Tab8</a></li>
  <li><a href="#">Tab17</a></li>
  </ul>

推荐答案

只需添加：

$('#myTab a').click(function (e) {
  e.preventDefault()
  $(this).tab('show')
});

然后，为标签内容添加HTML。

to you JavaScript. And then, add the HTML for tabs content.

这篇关于水平滚动引导选项卡的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！