jQuery 如何设置第一个选项卡处于活动状态？

Question

 $( '#xxx' ).tabs({
select: function(event, ui) { 
var theSelectedTab2 = ui.index;

if (theSelectedTab2  == 0) {
$('ul li.ep_s1').removeClass('ep_s1').addClass('ep_s-click1');
if ($('ul li#h13').hasClass('ep_l-click1')) {
   $('ul li#h13').removeClass('ep_l-click1').addClass('ep_l1');
}}
else if (theSelectedTab2  == 1 ) {
$('ul li.ep_l1').removeClass('ep_l1').addClass('ep_l-click1');
if ($('ul li#h12').hasClass('ep_sidebar_friends-click1')) {
   $('ul li#h12').removeClass('ep_s-click1').addClass('ep_s1');
}}
 }
}); 

如果我使用selected: 0它会将第一个选项卡设置为活动，但它现在将通过if (theSelectedTab2 == 0)语句并添加这些类。

如果在页面加载后我点击这些选项卡，脚本就可以完美运行。

基本上我希望页面加载if (theSelectedTab2 == 0)语句时以及其中发生的所有事情都处于活动状态。

谢谢

Answer 1

在选项卡初始化之后，可能是以下行：

$( '#xxx' ).tabs('select', 0);

希望它也能触发你想要的事件。