Onglets jQuery - Implémenter une charge Ajax pour un ou plusieurs onglets spécifiques

Question

J'ai un élément jQuery Tabs qui permet la séparation graphique de modules dans une application web plate. Actuellement, une grande partie des données utilisées par l'application est statique, ce qui permet la mise en cache côté client, mais les futurs projets comprennent plus de modules qui nécessiteront des mises à jour plus fréquentes. Donc, ce que je voudrais faire est de mettre en œuvre un moyen d'avoir un onglet spécifique cliquez sur le feu d'une requête ajax.

Actuellement, j'ai quelque chose comme ceci:

<div id = "tabs"> 
    <ul> 
    <li><a href = "#parentorg_tab">Parent Organizations</a></li> 
    <li><a href = "#client_tab">Clients</a></li> 
    <li><a href = "#county_tab">Counties</a></li> 
    <li><a href = "#vendor_tab">Vendors</a></li> 
    </ul> 
</div> 

qui est initialisé par

$("#tabs").tabs({ 
    activate : function(event, ui){ 
    if (ui.newTab.attr("aria-controls") == "client_tab"){ 
     getClientOrgs(); 
    } 
    } 
}); 

Chaque onglet contient un attribut aria-controls qui correspond à la valeur href de la liste non ordonnée des onglets. Mis à part la vérification de cet attribut à chaque clic, existe-t-il une méthode alternative?

Answer 1

Il peut s'agir d'une réponse simple, mais envisagez-vous d'implémenter un événement onClick sur chaque <a>? Je peux déclencher une méthode js avec une requête Ajax ou tout ce dont vous avez besoin sans avoir à écrire des ifs imbriqués dans la fonction activate.