jQuery how to set first tab active?

Question

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

if (theSelectedTab2  == 0) {
$(\'ul li.ep_s1\').removeClass(\'ep_s1\').addClass(\'e         


        

Answer 1

I had to do like this to make it work:

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

Doing this way trigger the events soon enough

Answer 2

Perhaps the following line, after the tabs initialize:

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

Hopefully, it will also trigger the event you want.

Answer 3

that's what I'd do

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

Answer 4

Trigger a click event on the first tab after page load?

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