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

时间:2011-04-11 16:32:13

标签: jquery tabs selected

 $( '#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)语句并且其中发生的所有内容都处于活动状态时。

感谢

4 个答案:

答案 0 :(得分:3)

在标签初始化之后,可能是以下行:

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

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

答案 1 :(得分:1)

页面加载后在第一个标签页上触发点击事件?

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

答案 2 :(得分:1)

我必须这样做才能让它发挥作用:

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

这样做可以很快触发事件

答案 3 :(得分:0)

这就是我要做的事情

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