选择选项卡内容在jQuery选项卡中的位置

时间:2011-03-03 16:55:04

标签: jquery user-interface tabs

我想知道是否有人知道如何选择添加内容的位置,我尝试添加选项load : function() {}或添加到ajaxOptions: { success : function() {...} }

<div id="container" style="display:none">
    <header class = "row">
        <div id="tabs">
            <ul>
                <li><a href="ajax/main.html">Learn@UW</a></li>
                <li><a href="ajax/content1.html">HCI 570</a></li>
                <li><a href="ajax/content2.html">Finance 300</a></li>
                <li><a href="ajax/content3-slow.php">Handball</a></li>
                <li><a href="ajax/content4-broken.php">Accounting 301</a></li>
                <li><a href="ajax/content4-broken.php">EPD 375</a></li>
                <li><a href="ajax/content4-broken.php">+</a></li>
            </ul>
        </div>
    </header>
    <div id="contentContainer">
        // Put the content here...
    </div>

非常感谢! 马特穆勒

1 个答案:

答案 0 :(得分:0)

contentContainer更改为tabs-1并将其放在您的链接旁边。

<div id="tabs">
     <ul>
        <li><a href="ajax/main.html">Learn@UW</a></li>
        <li><a href="ajax/content1.html">HCI 570</a></li>
        <li><a href="ajax/content2.html">Finance 300</a></li>
        <li><a href="ajax/content3-slow.php">Handball</a></li>
     </ul>
    <div id="tabs-1">
     // Put the content here...
    </div>
</div>

此处示例:http://jqueryui.com/demos/tabs/#ajax