未最小化窗口时，引导响应选项卡不起作用答案

【问题标题】：Bootstrap responsive tabs not working when window is not minimized未最小化窗口时，引导响应选项卡不起作用
【发布时间】：2014-03-02 21:38:15
【问题描述】：

我使用引导响应选项卡，包括需要包含的所有内容。当我调整窗口大小/最小化窗口时，选项卡可以正常工作，但是当窗口未最小化时，它们不起作用。

<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/ 谢谢！

【问题讨论】：

没有最小化？这是你唯一能看到任何东西的时候。
对不起，我的英语不太好，但我的意思是调整大小。
啊。 “已恢复”，用 Windows 的说法。
好的，已恢复，谢谢。
我不确定我是否理解什么不起作用。您的 HTML 显示选项卡，但您的 JS 将其转换为手风琴。它应该如何表现？

标签： jquery twitter-bootstrap tabs

【解决方案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/

【讨论】：