当窗口未最小化时，Bootstrap响应标签不起作用

Question

我使用了bootstrap响应标签，包含了需要包含的所有内容。当我调整/最小化窗口时，选项卡正常工作，但是当窗口未被最小化时，它们不起作用。

<ul class="nav nav-tabs responsive" 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> 
</ul> 

<div class="tab-content responsive"> 
    <div class="tab-pane active" id="home">...content...</div> 
    <div class="tab-pane" id="profile">...content...</div> 
    <div class="tab-pane" id="messages">...content...</div> 
</div> 

这里是我的代码http://jsfiddle.net/rQZym/3/ 谢谢！

Answer 1

选项卡没有收到点击事件。

 if ($this.parent().hasClass('active')) { 
      active = ' in'; 
     } 
     // Added click event for tabs. 
     $this.click(function (e) { 
      e.preventDefault(); 
      $this.tab('show'); 
     }); 

http://fiddle.jshell.net/y7TS5/3/
http://fiddle.jshell.net/y7TS5/3/show/