水平滚动引导选项卡

Question

如果我点击此案例中的下一个或上一个按钮

，如何逐个显示标签

my fiddle

<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>

Answer 1

只需添加：

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

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