jQuery UI選項卡：將選項卡設置爲整頁大小

Question

我認爲這將是一個簡單的項目，但它看起來更復雜。搜索博我試圖創建佔用整個頁面的jQuery UI標籤。所以選項卡的寬度和高度應該設置爲瀏覽器的大小。

任何人都可以提出任何示例或使用jQuery UI選項卡做這個教程嗎？

Answer 1

使用http://jqueryui.com/demos/tabs/突出部，有一個頂層<div>塊包圍，它定義的選項卡和爲每個標籤一個<div>，象列表：

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">Tab 1</a></li> 
     <li><a href="#tabs-2">Tab 2</a></li> 
    </ul> 
    <div id="tabs-1">Tab 1 Content HERE</div> 
    <div id="tabs-2">Tab 2 Content HERE</div> 
</div> 

要設置的標籤窗口小部件的大小，加風格（屬性或CSS）頂端<div>：

<div id="tabs" style="width:100%; height:100%"> 

究竟是什麼風格，你應該申請將取決於你想要的頁面佈局。