2010-11-01 3 views
1

Je veux avoir le bouton idtab actuel ainsi qu'un lien/bouton dans l'onglet capable de changer d'onglet via JavaScript.Modifier les onglets par programmation lors de l'utilisation d'idTabs

Est-ce possible si oui alors comment? Merci

+0

Je ne sais pas du tout ce que vous parlez? Quel onglet réel? Pouvez-vous poster du code? – gideon

+0

Les exemples de plugin et de code peuvent être trouvés ici http://www.sunsean.com/idTabs/ – keyoke

Répondre

1

après avoir regardé à travers les exemples encore, je l'ai re-utilisé la plus grande partie de celui-ci et je suis venu avec les éléments suivants

function switchTab(ActiveTab) { 
     var set = $('.idtabs').html(); 

     $("a", set).removeClass("selected") 
     .filter("[href='" + ActiveTab + "']", set).addClass("selected"); 

     $.each($("a", set), function (key, value) { 
      $($(value).attr("href")).hide(); 
     }); 

     $(ActiveTab).show();} 
1

Je viens trébuché à travers votre poste après une recherche Google. Au cas où quelqu'un d'autre arriverait ici de la même manière, je donnerai un conseil.

Au lieu de ...

$("a", set).removeClass("selected") 

... et ...

$.each($("a", set), function (key, value) { 

... on devrait utiliser:

$("yourMenu#IdOrHTMLTag a") 

Il empêchera le code de appeler .hide() de jQuery et .removeClass à tous les liens de la page, ce qui provoquerait une erreur.

1

Vous pouvez obtenir ce que vous voulez juste déclencher l'événement click du lien:

function switchTab(ActiveTab) { 
    $("a[href'"+ActiveTab+"']").click(); 
} 
Questions connexes