Y a-t-il des écouteurs d'événements disponibles pour les onglets d'onglets de JQuery UI?
Je veux changer la couleur de fond sur une page Web en fonction de l'index de l'onglet actuellement actif. Alors quelque chose comme ceci (pseudo code):
5 Réponses :
Utiliser l'événement TabsShow, l'index sera Démarrer à partir de 0.
$('#tabs').bind('tabsshow', function(event, ui) {
switch (ui.index){
case 0:
$('body').css('background-image', '/images/backgrounds/1.jpg');
break;
}
});
Le plugin des onglets a un événement "Afficher" qui est tiré chaque fois qu'un onglet est affiché.
Vérifiez les événements de la documentation> http://jqueryui.com/demos/tabs/ << / p>
yep: http://jqueryui.com/demos/tabs/ sous "Événements" < / p>
Exemple de travail: http://jsfiddle.net/g7q2l/ (j'ai utilisé des valeurs intégrées et non le Index pour rendre le balisage moins couplé au code)
Vérifiez les documents, vous pouvez .Bind ("TabsSelect", fonction () {}) ou lorsque vous initiez des onglets Ajouter un Sélectionnez Propriété à l'objet d'initialiasing comme dans mon exemple de jsfiddle.
Utiliser l'événement TabSactivate
$('#tabs').on('tabsactivate', function(event, ui) {
var newIndex = ui.newTab.index();
console.log('Switched to tab '+newIndex);
});
Il semble que l'Ancien Version de JQuery UI ne prenne plus en charge Select Event plus.
Ce code fonctionnera avec de nouvelles versions: p>
$('.selector').tabs({
activate: function(event ,ui){
//console.log(event);
console.log(ui.newTab.index());
}
});