Javascript 自动加载ajax加载的内容（jquery ui选项卡）

当用户单击选项卡时，我使用Ajax加载一些内容。我想要的是在页面加载时自动加载第一个选项卡的内容，而用户无需单击选项卡。我如何做到这一点

---

谢谢

只需调用页面加载上第一个选项卡（0）的选项卡加载方法：

$( function() {
    $( "#tabs" ).tabs( "load" , 0 );
}

这只是加载内容。如果要选择选项卡，请使用

select

，这也会加载内容。如果正在加载默认选项卡，则不需要此选项：

$( function() {
    $( "#tabs" ).tabs( "select" , tabIndex );
}

编辑：对于较新版本的jQuery，您需要使用

active

选项：

$( function() {
    $( "#tabs" ).tabs( "option", "active", tabIndex );
}

演示：

如果您愿意，您也可以将预加载的内容保留在具有

id=“tabs-1”

的第一个div中，但如果您使用预加载的方法，则不需要在第一个

中使用url

如果不想使用ajax，您可以在top tag元素中包含元素来填充选项卡。包含文本的元素的ID只需要与选项卡的锚定标记匹配

<script>
    $(function() {
        $( "#tabs" ).tabs();
    });
</script>

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Preloaded</a></li>
        <li><a href="#tabs-2">Tab 1</a></li>
        <li><a href="ajax/content2.html">Tab 2</a></li>
        <li><a href="ajax/content3-slow.php">Tab 3 (slow)</a></li>
        <li><a href="ajax/content4-broken.php">Tab 4 (broken)</a></li>
    </ul>
    <div id="tabs-1">
        <p>Hello, Tab One.</p>
    </div>
    <div id="tabs-2">
        <p>Hello, Tab Two.</p>
    </div>
</div>

$（函数（）{
$（“#制表符”）.tabs（）；
});







你好，第一页

喂，二号标签

有确切的问题，但此解决方案不起作用。我正在使用

jquery 1.10.2

和

jquery ui 1.11.1

您能帮我吗？@MrudangVora对于较新版本的jquery，您需要使用

.tabs（“选项”，“活动”，tabIndex）

。演示：jsfiddle.net/jtbowden/8zkfrbeeTried，但除非单击它，否则不会在第一个选项卡上自动加载

partialview

。我正在尝试使用ajax在每个选项卡上加载

partialview

。@MrudangVora在没有看到代码的情况下调试代码是很困难的。你最好开始一个新问题，而不是背着这个问题。

<li><a href="#tabs-1">First tab</a><li>

<script>
    $(function() {
        $( "#tabs" ).tabs();
    });
</script>

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Preloaded</a></li>
        <li><a href="#tabs-2">Tab 1</a></li>
        <li><a href="ajax/content2.html">Tab 2</a></li>
        <li><a href="ajax/content3-slow.php">Tab 3 (slow)</a></li>
        <li><a href="ajax/content4-broken.php">Tab 4 (broken)</a></li>
    </ul>
    <div id="tabs-1">
        <p>Hello, Tab One.</p>
    </div>
    <div id="tabs-2">
        <p>Hello, Tab Two.</p>
    </div>
</div>