Onglets jquery avec ajax, comment changer l'url

Question

J'utilise actuellement des onglets Jquery avec ajax pour charger du contenu externe. (http://jqueryui.com/tabs/#ajax)

j'ai aussi le code ci-dessous pour afficher l'onglet dans lequel est montré dans l'URL:

$(window).load(function() { 
    $(function() { 
     $("#tabs").tabs({ 
      show: function (event, ui) { 
       window.location.hash = ui.panel.id; 
      } 
     }); 

    }); 
}); 

Je voulais savoir si vous êtes en mesure de changer la façon dont le lien est affiché? Maintenant, par défaut affiche "page.htm l # undefined", onglet 1 montre "page.htm l # ui-tabs-1", onglet 2 montre "page.htm l # ui-tabs-2", etc ...

Existe-t-il un moyen de le personnaliser? et avez l'affichage par défaut automatiquement l'onglet 1 dans l'URL?

Par exemple « page.html # compte »

Je ne peux pas sembler trouver les ressources appropriées ou que je cherche au mauvais endroit ...

Answer 1

il suffit de changer votre code HTML:

<ul> 
    <li><a href="accounts.html" data-hash="account">Nunc tincidunt</a></li> 
    <li><a href="other.html" data-hash="other">Proin dolor</a></li> 
</ul> 

et votre javascript:

activate: function(event,ui){ 
    window.location.hash = $(event.currentTarget).data('hash'); 
} 

Pour une raison quelconque, je ne sais pas, les données détecte pas ed, essayez:

window.location.hash = $(event.currentTarget).attr('data-hash'); 

Vous pouvez également utiliser load, reçoit une fonction exécutée après un onglet à distance est chargé. activate reçoit une fonction exécutée après la fin d'une animation de transition de tabulation.

Answer 2

Après beaucoup de creuser, tourne son déjà pris en charge: http://docs.jquery.com/UI/Tabs#Ajax_mode en ajoutant simplement title = « » à la « une » étiquette ...