javascript - 水平滚动 Bootstrap 选项卡

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。