当窗口未最小化时，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/