8
votes

Avec les onglets JQuery UI, comment puis-je exécuter un code après un clic sur un onglet?

avec onglets de jQuery ui , vous pouvez utiliser la méthode de sélection pour exécuter le code lorsqu'un onglet est cliqué :

$( ".selector" ).tabs({
   select: function(event, ui) { ... }
});

jquery jquery-ui jquery-ui-tabs

0 commentaires

4 Réponses :

7
votes

$( ".selector" ).tabs({
   load: function(event, ui) { ... }
});
from http://jqueryui.com/demos/tabs/

0 commentaires

6
votes

On dirait que vous pouvez lier à TabsLoad ou TabsShow:

http://jqueryui.com/ démos / onglets / # événements

exemple xxx

2 commentaires

Cet événement est maintenant "activé" / "TASBACTIVATE"; Voir API.JQUERYUI.COM/tabs/#event-Activate

Pour être clair, vous n'utiliseriez pas la méthode BIND (): $ (".Selector") .TABS ({activate: fonction (événement, interface utilisateur) {}});

12
votes

API a changé. Cet événement est maintenant "activé" / "TASBACTIVATE"; Voir http://api.jqueryui.com/tabs/#event-Activate ----- Ancien Strort> Réponse ci-dessous ------------ P>

basé sur la question c'est l'événement TabSshow (pas l'ongletsload) qui est souhaité ... L'événement est déclenché lorsqu'un onglet est affiché. P>

Exemples de code: (de http. : //jqueryui.com/demos/tabs/ ) p>

Fournissez une fonction de rappel pour gérer l'événement Afficher comme une option init. P>

$( ".selector" ).bind( "tabsshow", function(event, ui) {
  ...
});

3 commentaires

Cet événement est maintenant "activé" / "TASBACTIVATE"; Voir API.JQUERYUI.COM/tabs/#event-Activate

D'accord sur cette réponse ... a plus de sens pour ce que l'utilisateur demande.

Je déteste juste qu'il n'y a pas d'événement lorsque vous cliquez sur un onglet actif. Il bloque les appels de clic mais ne vous donne aucun événement non plus

0
votes

HTML

$('a[href="#job_information_tab"]').on('click', function() {
   alert("Don't tickle me! I am gonna pee!");
});

0 commentaires