web-dev-qa-db-fra.com

Définir l'onglet par défaut dans les onglets de l'interface utilisateur jQuery

J'ai un calendrier mensuel avec seulement des tableaux HTML de base, avec chaque mois dans un onglet d'onglet jQuery UI. Comment puis-je changer quel onglet jQuery UI est chargé par défaut? Je veux garder les mois en ordre dans la navigation, mais afficher le mois en cours au chargement de la page.

42
Christopher

Mise à jour

L'API a changé depuis ma réponse d'origine et la sortie de jQuery 1.9. L'approche préférée consiste à utiliser l'option active comme mentionné dans réponse de redreinard :

$('selector').tabs({ active: index });

Ancienne approche (avant jQuery 1.9)

Selon la documentation sur les onglets JqueryUI , vous pouvez définir cela en utilisant la fonction select disponible comme indiqué dans les approches ci-dessous:

// index will be the index of the tab that you wish to select
$('selector').tabs( "select" , index )
$('selector').tabs({ selected: index });
47
Rion Williams

Veuillez noter que cette option a été renommée dans jqueryui 1.9, elle est maintenant appelée "active" (j'espère que cela évite à quelqu'un d'autre le mal de tête que je viens de traverser):

$('#tabid').tabs({
  active: index
});

ou

$('#tabid').tabs("option", "active", index);

Voir: http://api.jqueryui.com/tabs/#option-active

86
redreinard

Faites attention que dans jQuery UI 1.9 sélectionné, l'option soit devenue active.
jQuery UI Documentation (Tabs)

11
Jenka1980

Vous voulez l'option sélectionnée des onglets. Notez qu'il y a aussi ne option de cookie pour que les personnes qui quittent et reviennent sur votre page aient le même onglet ouvert que lorsqu'elles sont parties.

2
Tony Miller