0

页面加载后,我想以编程方式设置活动选项卡...在下面的示例中,我想将英语选项卡设置为活动选项卡。

我试过了:

$('#languagetabs').tabs('select', 1);

$('.edittabs').tabs('select', 1);

但这不起作用,因为没有任何反应:没有错误,第一个选项卡保持活动状态。

<div class="edittabs">
    <ul id="languagetabs">
        <li><a href="#language-spanish">Spanish</a></li>
        <li><a href="#language-english">English</a></li>
    </ul>
    <div id="language-spanish">        
        Spanish description
    </div>
    <div id="language-english">
        English description
    </div>
</div>
4

2 回答 2

2
$('#languagetabs li:eq(1) a').trigger('click');

这将模拟被单击的第二个选项卡。

于 2013-02-21T13:01:46.143 回答
0

声明一个类 active ,

.active{background:#5d5d5d;}

<li><a href="#language-english" class="active">English</a></li>

$('#languagetabs li').click(function() {
  $(this).toggleClass('active');
}); 

希望它会帮助你..

于 2013-02-21T13:14:02.413 回答