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

【问题标题】：jQuery how to set first tab active?jQuery如何设置第一个选项卡处于活动状态？
【发布时间】：2018-05-30 21:22:31
【问题描述】：

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

谢谢

【问题讨论】：

你试过在第一个标签上使用trigger('click'); 吗？ :)

标签： jquery tabs selected

【解决方案1】：

也许是下面这行，在标签初始化之后：

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

我必须这样做才能使其工作：

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

这样做很快就会触发事件

【讨论】：

【解决方案4】：

我就是这么做的

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

【讨论】：