Question

我正在尝试加载我所获得的选项卡式ajax代码中的默认选项卡，这是来自head标签的源代码

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://www.hastiefitness.com.au/wp-content/themes/hastie/jquery.fwd_tabs.js"></script>

这就是我在HTML中使用的内容：

<div class="tabs">
    <ul class="tab-menu">
        <li><a href="#tab-1">TEAM TRAINING PROGRAM</a></li>
        <li><a href="#tab-2">VIRTUAL EDUCATION AND COACHING PROGRAM</a></li>
        <li><a href="#tab-3">PERSONAL COACHING PROGRAM</a></li>
    </ul>
    <div class="tab-content" id="tab-1">

相关网页是：

http://www.hastiefitness.com.au/programs/

默认选项卡是中间选项卡，即tab-2。

我怎么能这样做？我已经搜索过，但根本无法使用它。

Answer 1

看起来使用的插件没有任何直接支持设置活动标签，因此一旦插件初始化，触发所需锚元素上的单击事件

jQuery(function(){
    $('.tabs').fwd_tabs();
    $('.tabs a[href="#tab-2"]').click()
})

演示：Fiddle

Ajax中的默认选项卡

1 个答案: