UI Tabs. Contrôle avant de changer d'onglet [Résolu]

helje · 19/11/2010, 22h44

Bonjour,

J'ai 2 onglets gérés par UI Tabs. Je voudrais insérer un contrôle des données saisies lorsqu'on clique sur l'onglet 2.
J'ai essayé de mettre le gestionnaire d'événement dans le $(document).ready :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
$('#example').tabs({
    select: function(event, ui) {
        var isValid = ... // form validation returning true or false
        return isValid;
    }
});

Mais cela ne marche pas, cette fonction ne semble pas prises en compte.
Une idée pour intercepter l'événement de changement d'onglet ?

danielhagnoul · 20/11/2010, 02h26

Bonsoir

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
$("#tabs").tabs({
	select: function(event, ui) {
		/*
		 * http://jqueryui.com/demos/tabs/
		 * 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
		 */
 
		// Firebug
		console.log(ui.index, ui.tab, ui.panel);
	}
});

helje · 20/11/2010, 10h28

Merci pour la réponse, j'essaierai dès que possible (c'est pour le boulot

)

[Edit 2010-11-24 10:45]
Rien ne se passe, comme si l'événement était ignoré

.
Y a-t-il des règles pour la définition de $(document).ready(function() ?
Faut-il la mettre immédiatement après <body> par exemple ?

[Edit 2010-11-24 19:24]
En fait, il s'est avéré qu'il y avait une autre librairie JS chargée : tabs.pack.js.
Lorsque je l'enlève, je retrouve le comportement normal de UI Tabs.

20/11/2010, 10h28	#3
helje Candidat au titre de Membre du Club Inscription : mai 2005 Messages : 57 Détails du profil Informations personnelles : Âge : 41 Localisation : France, Paris (Île de France) Informations forums : Inscription : mai 2005 Messages : 57 Points : 14 Points : 14	Merci pour la réponse, j'essaierai dès que possible (c'est pour le boulot ) [Edit 2010-11-24 10:45] Rien ne se passe, comme si l'événement était ignoré . Y a-t-il des règles pour la définition de $(document).ready(function() ? Faut-il la mettre immédiatement après <body> par exemple ? [Edit 2010-11-24 19:24] En fait, il s'est avéré qu'il y avait une autre librairie JS chargée : tabs.pack.js. Lorsque je l'enlève, je retrouve le comportement normal de UI Tabs.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email