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

发布于 2024-10-20 07:16:28 字数 1123 浏览 1 评论 0原文

我想知道是否有人知道如何选择在哪里添加内容，我尝试添加选项 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>

非常感谢！马特·穆勒

原文

I was wondering if anyone knows how to choose where to add the content, I tried adding the option load : function() {} or added in 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>

Thanks a lot!
Matt Mueller

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

傲影 2024-10-27 07:16:28

将 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

Change contentContainer to tabs-1 and place it next to your links.

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

Example here : http://jqueryui.com/demos/tabs/#ajax

回复收藏 0 原文

~没有更多了~