jQuery如何设置第一个标签激活？

$( '#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

页面加载后在第一个选项卡上触发单击事件？

像$('first tab selector').click()

Answer 2

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

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

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

Answer 3

我不得不这样做才能使它工作：

 jQuery( "#xxx" ).tabs({active: 1}); jQuery( "#xxx" ).tabs("option", "active", 0); 

这样做可以很快触发事件

Answer 4

这就是我要做的

 $(function () { $("ul.nav-tabs li:first").addClass("active"); $(".tab-content .tab-pane:first").addClass("active"); });