UI Tabs. Contrôle avant de changer d'onglet

**helje** · 19/11/2010, 23h44

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, 03h26

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, 11h28

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.

UI Tabs. Contrôle avant de changer d'onglet

jQuery

Vue hybride

Discussions similaires

Partager

Partager