jQuery comment définir premier onglet actif?

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

si j'utilise selected: 0 il va mettre en place le premier onglet actif, mais il va maintenant passer par le if (theSelectedTab2 == 0) déclaration et de passer par l'ajout de ces classes.

si, après le chargement de la page je clique sur les onglets le script fonctionne parfaitement.

fondamentalement, je veux que lorsque la page se charge du if (theSelectedTab2 == 0) instruction et tout ce qui se passe à l'intérieur pour être active.

grâce

  • avez-vous essayé d'utiliser trigger('click'); sur le premier onglet ? 🙂
InformationsquelleAutor Patrioticcow | 2011-04-11
  1. 1

    De déclenchement d'un événement de clic sur le premier onglet après chargement de la page?

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

    InformationsquelleAutor Nikolay Yordanov
  2. 3

    Peut-être la ligne suivante, après les onglets initialiser:

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

    J'espère qu'il sera également déclencher l'événement que vous souhaitez.

    InformationsquelleAutor GeReV
  3. 1

    J'ai eu à faire ce genre pour le faire fonctionner:

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

    Faire de cette façon déclencher les événements assez vite

    InformationsquelleAutor Pablo S G Pacheco
  4. 0

    c'est ce que je ferais

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