Onglets de l'interface utilisateur JQuery: Comment accéder directement à un onglet à partir d'une autre page?

Question

Les onglets JQuery UI sont implémentés par des ancres nommées dans une liste non ordonnée. Lorsque vous passez la souris sur un des onglets, vous pouvez le voir dans le lien ci-au pied du navigateur:

http://mysite/product/3/#orders 

Au-dessus serait l'onglet « commandes » par exemple. JQuery intercepte le clic sur cette ancre et ouvre l'onglet à la place.

Cependant, si je place un signet sur le lien ci-dessus ou que je le lise depuis un autre endroit du site, la page ne s'ouvre pas sur l'onglet spécifique.

Dans le bloc d'initialisation d'onglets, je pensais mettre du code qui cherche une ancre nommée dans l'URL et, s'il en trouve un, fait une recherche d'index des onglets et appelle le select dessus. Cela signifierait qu'il fonctionnera toujours avec JS éteint.

Mais y a-t-il un moyen plus facile/plus agréable/meilleur?

Answer 1

à cet exemple here:

if(document.location.hash!='') { 
    //get the index from URL hash 
    tabSelect = document.location.hash.substr(1,document.location.hash.length); 
    $("#my-tabs").tabs('select',tabSelect-1); 
} 

Answer 2

Dans les versions de jQuery UI antérieures à 1.8 (non incluses), c'est à peu près la façon dont vous devriez le faire. L'extension d'onglet (AFAIK) ne sait pas basculer en fonction de l'ancre avec laquelle elle est initialisée (lorsque la page est chargée), vous devez donc faire ce bit manuellement (dans l'événement ready, bien sûr).

Comme l'indique another answer, la nouvelle version des onglets de jQuery UI 1.8 supports bookmarking out of the box.

Answer 3

de la version 1.8 de jQuery UI prend en charge cette fonctionnalité. Voir par exemple ici:

1. Second tab active by default
2. Third tab active by default

Answer 4

J'utilise le plugin session pour ce faire dans une classe