[英]How to set active tab via jQuery select where tab content is outside of ul element?
After page load I want to programmatically set the active tab...in the example below I want to set tab with English as active. 页面加载后我想以编程方式设置活动选项卡...在下面的示例中,我想设置选项卡,其中英语为活动状态。
I tried: 我试过了:
$('#languagetabs').tabs('select', 1);
and 和
$('.edittabs').tabs('select', 1);
But that did not work, as in nothing happens: no error, and the 1st tab remains active. 但这没有用,因为没有任何事情发生:没有错误,第一个选项卡保持活动状态。
<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>
$('#languagetabs li:eq(1) a').trigger('click');
这将模拟单击的第二个选项卡。
Declare a class active , 声明一个活动的类,
.active{background:#5d5d5d;}
<li><a href="#language-english" class="active">English</a></li>
$('#languagetabs li').click(function() {
$(this).toggleClass('active');
});
hope it will help you.. 希望它会帮助你..
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.