簡體   English   中英

當窗口未最小化時,引導響應選項卡不起作用

[英]Bootstrap responsive tabs not working when window is not minimized

我使用了引導響應式選項卡,其中包含需要包含的所有內容。 當我調整/最小化窗口大小時,選項卡可以正常工作,但是當窗口沒有最小化時,它們將無法工作。

<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/謝謝!

選項卡未收到單擊事件。

        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/

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM