jQuery UI选项卡:将选项卡设置为整页大小

Question

我认为这将是一个简单的项目,但它看起来更复杂.搜索过我正在尝试创建占用整个页面的jQuery UI选项卡.因此,选项卡的宽度和高度应设置为浏览器的大小.

任何人都可以使用jQuery UI标签建议任何示例或教程吗？

Answer 1

使用http://jqueryui.com/demos/tabs/选项卡,有一个顶级<div>块包含定义选项卡的列表和<div>每个选项卡的a,如:

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

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