Passer à l'onglet sélectionné par nom dans Jquery-UI Tabs

Si j'ai trois onglets:

<div id="tabs">
    <ul>
        <li><a href="#sample-tab-1"><span>One</span></a></li>
        <li><a href="#sample-tab-2"><span>Two</span></a></li>
        <li><a href="#sample-tab-3"><span>Three</span></a></li>
    </ul>
</div>

Je voudrais échanger à #échantillon-tab-2 par son nom. Je sais que je peux passer à un onglet si je sais que c'est le nombre, mais dans le cas que j'ai pu croiser je ne sais pas.

Notes: JQuery 1.3.1 /JQuery-UI 1.6rc6

  • Donc, vous voulez sélectionner l'onglet "Trois", peu importe où il est? Pourquoi avez-vous connaissez le mot "Trois", mais pas l'ID ou le nombre? Cette approche peut être problématique si jamais vous traduire votre site... pouvez-vous développer sur le problème?
  • Bien sûr, ce que je suis en train de faire est décrit ici: stackoverflow.com/questions/572376/... L'approche que je vais essayer maintenant de est le changement de la valeur de hachage pour ajouter un caractère pour le nom de hachage, puis lors du chargement de la page, sélectionnez cet onglet(sans chevalier)
  • Fondamentalement, <a href="#_sample-onglet-1"> définissez la fenêtre.emplacement #échantillon-onglet-1, et puis quand la page est chargée ( l'index.php#échantillon-onglet-1) interrupteur à #_sample-onglet-1
  • vous n'avez pas d'identifiant/nom à la même référence dans votre exemple de code
  • selon les dernières docs $("#tabs").tabs("select", "#sample-tab-1"); devrait fonctionner
  • Comme de JqueryUI 1.10: $("#tabs").tabs("option", "active", $(tabName + "Selector").index());, voir jsfiddle.net/vpJC3 pour un exemple.

InformationsquelleAutor Rob | 2009-02-23