jQuery UI 选项卡 : Set Tabs to full page size

Question

我认为这将是一个简单的项目，但看起来要复杂得多。搜索 bo 我正在尝试创建占据整个页面的 jQuery UI 选项卡。因此选项卡的宽度和高度应设置为浏览器的大小。

任何人都可以建议任何使用 jQuery UI 选项卡执行此操作的示例或教程吗？

Answer 1

使用http://jqueryui.com/demos/tabs/选项卡中，有一个顶级 <div>包含定义选项卡和 <div> 的列表的 block 对于每个选项卡，例如:

<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%">

您应该应用什么样式取决于您想要的页面布局。