[英]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.