Bootstrap选项卡中的分页

时间:2013-12-03 05:12:48

标签: javascript jquery html css twitter-bootstrap

我在模式内的引导选项卡中包含分页时遇到问题。

以下是代码: -

<div id="myModal1" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">

    <div class="modal-body" >
      <ul class="nav nav-tabs" id="myTab" >
        <li  class="active"><a href="#home" data-toggle="tab" id="button1" >Basics</a></li>
        <li ><a href="#profile" data-toggle="tab" id="button2" >Concern</a></li>
      </ul>

  <div class="tab-content" id="myTabContent">
   <div class="tab-pane active" id="home" >


      <ul class="pager" id="myTab" >
        <li class="next"><a href="#profile" data-toggle="tab" >Next &rarr;</a></li>
      </ul>
  </div>
   <div class="tab-pane" id="profile" >
      <ul class="pager" id="myTab" >
        <li class="previous"><a href="#home" data-toggle="tab">&larr; Previous</a></li>
      </ul>
   </div>

  </div>

    </div>
</div>
</div>
</div>

下一个和上一个按钮有效,但是当我尝试下一个上一个下一个组合时,该选项卡仍在第一个选项卡中,但第二个选项卡的颜色会发生变化。可能是什么错误?

1 个答案:

答案 0 :(得分:1)

刚想通了。删除列表类并保留下一个和上一个按钮的链接似乎可以解决它。