漿紗jQuery的標籤面板

Question

）

我使用jQuery選項卡和我喜歡的選項卡如何對準的左側和頂部橙色部分佔用分配寬度的100％。但有些東西，當我點擊標籤時，下拉麪板只有足夠的信息用於頁面的一半。

如何調整面板大小，使所有面板只佔用頁面的一半？

Answer 1

您可以簡單地將類樣式添加到每個可顯示的選項卡內容並限制其高度。

<div id="tabs"> 
    <ul> 
     <li><a href="#fragment-1"><span>One</span></a></li> 
     <li><a href="#fragment-2"><span>Two</span></a></li> 
     <li><a href="#fragment-3"><span>Three</span></a></li> 
    </ul> 
    <div id="fragment-1" class="tabview"> 
     Tab1 content 
    </div> 
    <div id="fragment-2" class="tabview"> 
     Tab2 content 
    </div> 
    <div id="fragment-3" class="tabview"> 
     Tab3 content 
    </div> 
</div> 

而這也顯示滾動條如有必要的CSS樣式：

.tabview { 
    height: 50px; 
    overflow: auto; 
} 

這裏是工作的jsfiddle：http://jsfiddle.net/Fhhu5/