accordéon JQuery - événement click unbind

Question

Je vous écris un assistant de formulaire à l'aide de accordion module JQuery. Le problème est que je veux remplacer les clics de souris sur le menu accordéon afin que le formulaire soit validé avant que l'accordéon ne montre la section suivante.

J'ai essayé ce qui suit:

$('#accordion h3').unbind(); 

$('#accordion h3').click(function() { 
    if (validate()) 
    { 
    $("#accordion").accordion('activate', 2); 
    }else 
    { 
    alert("invalid form"); 
    } 
} 

Mais le code ci-dessus ne fonctionne pas. L'événement de clic intégré de l'accordéon est toujours appelé et l'accordéon affiche la section suivante, que le formulaire soit valide ou non.

J'ai aussi essayé le code suivant:

$('#accordion h3').click(function(event) { 
    if (validate()) 
    { 
    $("#accordion").accordion('activate', 2); 
    }else 
    { 
    alert("invalid form"); 
    }   
    event.stopPropagation(); 
}); 

Mais l'appel ne semble pas affecter le comportement de l'accordéon stopPropagation() du tout, la section suivante est affichée si le formulaire est valide.

Toute idée de ce que je peux faire mal?

Merci!

Answer 1

D'accord, a pris une pause de codage cette fonction et sont revenus à elle avec une nouvelle paire d'yeux. Voici la solution:

$("#accordion").accordion({event: false}); 

Ajout d'événement: false au code intitialization accordéon empêchera les clics de souris sur le menu d'accordéon d'exécuter l'action par défaut et je peux écrire cliquer sur le code de gestion personnalisé pour exécuter la fonction validate() lorsque l'utilisateur clique sur le menu, remplaçant essentiellement la fonction de clic intégrée de l'accordéon si le formulaire échoue au contrôle de validation.

BTW, je suis en utilisant le module d'accordéon de l'interface utilisateur JQuery ici.

Fonctionne avec ie7,8, chrome 19, ff 3.0.3

Answer 2

event.stopPropogation() ne cesse pas d'autres gestionnaires d'événements enregistrés avec la cible d'événement d'être appelé, il arrête l'événement de bouillonnement du DOM si event.bubbles est vrai. Vous pouvez essayer d'avoir le gestionnaire d'événements retour false ou en appelant event.preventDefault(), voir here ou here pour plus d'informations.

Answer 3

A en juger par le code source, l'événement est pas lié aux années h3, mais au conteneur environnant (le plug-in utilise la délégation de l'événement). De plus, le gestionnaire n'est pas lié à click, mais à click.ui-accordion. Essayez donc:

$('#accordion').unbind('click.ui-accordion'); 

Et juste pour le dossier: Il n'y a pas une telle chose (du moins pas encore) comme « module d'accordéon de JQuery ». Il y a simplement plusieurs plugins d'accordéon pour JQuery.

Answer 4

Vous devez écrire le code ci-dessous ensemble au bas de la fonction prêt:

$('#accordion h3').unbind('click'); 
$('#accordion a').unbind('click');