Comment puis-je ajouter un onglet dans les onglets jquery-ui, puis le sélectionner?

Question

Je comprends comment ajouter un onglet jquery-ui, et je comprends comment sélectionner un onglet par numéro d'index, mais comment puis-je à la fois ajouter un onglet, puis le sélectionner?

Par exemple, dans la démo ci-dessous, vous pouvez ajouter un onglet, mais vous devez cliquer dessus pour qu'il soit affiché:

http://jqueryui.com/demos/tabs/#manipulation

Je suis sur jquery jquery et 1.4.2 -ui 1.8rc3.

Answer 1

Après avoir ajouté l'onglet comme dans l'exemple, utilisez simplement select method. Vous devrez connaître l'index de l'onglet que vous venez d'ajouter. Si vous venez de l'ajouter à la fin, vous pouvez utiliser le length method, sinon vous connaissez déjà l'index de l'onglet parce que vous l'avez défini lorsque vous l'avez ajouté.

Answer 2

En outre, vous pouvez utiliser ceci:

 
     var $tabs = $('#tabs').tabs({ 
      add: function(event, ui) { 
       $tabs.tabs('select', '#' + ui.panel.id); 
      } 
     }); 

Docs ici: http://docs.jquery.com/UI/Tabs#...immediately_select_a_just_added_tab

Cependant, je vais avoir un problème où ce morceau de code fonctionne seulement après la première que je r .. c'est à dire: ne fonctionne pas pour le premier. Ne peut pas comprendre cela ...

Answer 3

Les options « longueur » et « sélectionnés » a été désapprouvée et retirée maintenant pour sélectionner le dernier onglet (qui est celui qui vient d'être ajoutée) utiliser

$('#tabs').tabs('option', 'active', -1); 

Cela fonctionne parce que si vous spécifiez des valeurs négatives, les onglets sont comptés à partir de la fin en commençant à -1.