Jquery UI Tabs: Aide pour commencer avec les événements

Question

J'ai lu la documentation de Jquery UI Tabs (1.7) et je crois que je suis un peu dans la tête avec les onglets de Jquery en termes d'événements spécifiques quand un onglet spécifique est cliqué.

J'ai les onglets de base qui fonctionnent, et je voudrais simplement mettre l'accent sur une zone de texte quand un onglet spécifique est sélectionné.

L'état Docs UI vous sélectionnez Gérer les événements via:

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

Je ne suis pas sûr de ce que les moyens ci-dessus. J'ai lu quelques autres exemples ici à stackoverflow, spécifiquement example. Malheureusement, la démo ne fonctionne plus dans la réponse fournie.

Mon code actuel pour la création et la sélection d'un onglet spécifique en utilisant PHP est:

$("#tabs").tabs(); 
$("#tabs").tabs('option', 'selected', <?php echo $tabID-1; ?>); 

Ce qui fonctionne très bien. Je voudrais ajouter la possibilité lorsque le 4ème onglet est sélectionné, je mets l'accent sur une zone de texte, quelque chose de similaire à:

$('#subject').focus(); 

Answer 1

Ce que vous faites est de donner $ (« sélecteur. »). tabs() fonctionne un tableau associatif (en JavaScript il s'appelle simplement object). Il est important, que JavaScript utilise le fait, que vous pouvez attribuer des fonctions aux variables très largement. S'il est plus facile pour vous de lire et de comprendre que vous pouvez essayer ceci:

var tab_select_function = function(event, ui) 
{ 
    // Objects available in the function context: 
    // ui.tab  // anchor element of the selected (clicked) tab 
    // ui.panel // element, that contains the selected/clicked tab contents 
    // ui.index // zero-based index of the selected (clicked) tab 
    alert("Tab with index " + ui.index + " clicked!"); 
}; 

$('#tabs').tabs({ 
    select: tab_select_function 
});