10
votes

Zurb Foundation, Tabulation de commutation par programme

IM Utilisation de ASP avec fondation, est là pour basculer entre une onglet à une autre à l'aide de JS ou ASP?

lien (onglet simple).


1 commentaires

Voulez-vous dire les onglets de commutation du code derrière? (du côté serveur)


6 Réponses :


19
votes

Une solution possible consiste à attribuer un ID à la liaison de tabulation et à cliquer dessus à l'aide de jQuery.

Compte tenu de l'extrait de code suivant, remarquez l'ID attribué à la liaison d'ancrage ... P>

$("#tabId").click();


0 commentaires

2
votes

dans la version 3.0 Vous pouvez définir une classe de active sur l'onglet dl.tabs dd et le ul.tabs-contenu li à Commuez-les. Vous pouvez le faire en code ou en JavaScript.


0 commentaires

3
votes

Vous pouvez le faire sans ajouter d'ID à chaque élément de la liste et garder le hachage dans l'emplacement de l'URL.

Disons que vous avez ce code: P>

<a href="#feedback" onclick="$('#my-menu a[href=\'#feedback\']').click()">Feedback</a>


0 commentaires

4
votes

Si vous donnez la première onglet et la première Li .active par défaut dans le HTML,

if ( activeTab == 2 ) {

    // Clear tab 1
    $('#TheTabs dl dd a[href="#FirstTab"]').removeClass("active");
    $('#FirstTabLI').removeClass("active");

    // Select tab 2
    $('#TheTabs dl dd a[href="#SecondTab"]').addClass("active");
    $('#SecondTabLI').addClass("active");

}


0 commentaires

0
votes

Essayez ceci: xxx

et ce bouton précédent (si vous avez besoin) xxx

Ça fonctionne pour moi ...


0 commentaires

0
votes

in Foundation v5 Vous pouvez utiliser la fonction Toggle_Active_TAB:

p>

var $secondTab = $('ul.tabs > li:nth-child(2)');

Foundation.libs.tab.toggle_active_tab($secondTab, 'optional_location_hash')


0 commentaires