Bare骨头jquery选项卡的代码

时间:2011-08-14 08:42:47

标签: jquery jquery-ui-tabs

任何人都可以提供创建jquery标签所需的简单代码吗?

我只是在寻找带有2个标签的基本代码。

2 个答案:

答案 0 :(得分:2)

您可以在官方文档中找到代码:http://jqueryui.com/demos/tabs/只需使用“查看来源”按钮。

答案 1 :(得分:2)

为什么不查看jQuery UI标签页上最简单的示例?甚至还有一个“查看来源”链接:http://jqueryui.com/demos/tabs/

<script type="text/javascript">
    $(function() {
        $('#tabs').tabs();
    });
</script>

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