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

您应该应用的样式究竟取决于您所需的页面布局。