Récupération de l'index des onglets Jquery

Question

Bonjour J'essaie d'obtenir l'index de l'onglet actuellement sélectionné. Alert (ui.index) renvoie "non défini". Une idée pourquoi?

grâce

<script> 
    $(document).ready(function(){ 
     var $tabs = $("#apttabs > ul").tabs(); 

     $tabs.bind('tabsselect', function(event, ui) { 
      alert(ui.index); 
     }); 
    }); 
</script> 


<div id="apttabs"> 
    <ul> 
     <li><a href="#fragment-1"><span>tab1</span></a></li> 
     <li><a href="#fragment-2"><span>tab1</span></a></li> 
     <li><a href="#fragment-3"><span>tab1</span></a></li> 
     </ul> 

    <div id="fragment-1">content 1</div> 
    <div id="fragment-2">content 1</div> 
    <div id="fragment-3">content 1</div> 

</div> 

Answer 1

index est pas une propriété définie de l'élément DOM UI. En outre, quel événement est 'tabselect'? Il n'est pas répertorié en tant que valeur possible dans jquery bind document. En outre, que voulez-vous index pour? Vous pouvez le déterminer à partir de href du noeud cible de l'événement (puisque vous avez donné des noms de hachage incrémentiels dans chaque href).

Answer 2

Que diriez-vous

$tabs.tabs('option', 'selected') au lieu de ui.index?

Answer 3

Il semble que votre code de création d'onglets est erroné en premier lieu, au moins cela ne fonctionne pas pour moi.

Il doit s'agir de var $tabs = $("#apttabs").tabs(), puis l'ui.index fonctionne correctement.

Answer 4

La propriété 'selected' a été dépréciée en 1.9 et supprimée en 1.10. Vous avez besoin de la propriété 'active' à la place. ui.index semble être indéfini maintenant mais je n'ai pas pu trouver de documentation sur son retrait. http://jqueryui.com/upgrade-guide/1.10/