JQuery Akkordeon - klicken Sie auf

Question

Ich schreibe einen Formular-Assistenten mit JQuery accordion module. Das Problem ist, dass ich alle Mausklicks im Akkordeonmenü außer Kraft setzen möchte, damit das Formular zuerst validiert wird, bevor das Akkordeon den nächsten Abschnitt zeigt.

Ich habe versucht, die folgenden:

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

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

Aber der obige Code funktioniert nicht. Das integrierte Klickereignis des Akkordeons wird immer noch aufgerufen, und das Akkordeon zeigt den nächsten Abschnitt an, unabhängig davon, ob das Formular gültig ist oder nicht.

Ich habe auch versucht, den folgenden Code:

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

Aber die stopPropagation() Aufruf scheint nicht überhaupt das Akkordeon Verhalten zu beeinflussen, wird der nächste Abschnitt angezeigt, ob das Formular gültig ist.

Irgendeine Idee, was ich falsch machen könnte?

Danke!

Answer 1

Okay, nahm eine Pause von der Codierung dieser Funktion und bin mit einem frischen Augenpaar dazu zurückgekommen. Hier ist die Lösung:

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

Hinzufügen von Ereignis: false zum Akkordeon intitialization Code wird von der Ausführung der Standardaktion Mausklicks auf dem Akkordeon-Menü verhindern und dann kann ich schreiben benutzerdefinierte Klick-Code Umgang mit der validate() Funktion ausgeführt werden, wenn Der Benutzer klickt auf das Menü und überschreibt im Wesentlichen die integrierte Klickfunktion des Akkordeons, wenn das Formular die Validierungsprüfung nicht besteht.

BTW, ich benutze JQuery UI Akkordeon-Modul hier.

Arbeiten mit ie7,8, Chrom 19 ff 3.0.3

Answer 2

event.stopPropogation() verhindert nicht, dass weitere Event-Handler, die beim Aufruf des Ereignisziels registriert wurden, gestoppt werden. Das Ereignis sperrt das Ereignis, wenn event.bubbles wahr ist. Sie könnten versuchen, dass die Ereignisbehandlungsroutine false oder event.preventDefault() zurückgibt, siehe here oder here für weitere Informationen.

Answer 3

Aus dem Quellcode zu urteilen, ist das Ereignis nicht an die h3s gebunden, sondern an den umgebenden Container (das Plugin verwendet die Ereignisdelegierung). Außerdem ist der Handler nicht an click, sondern an click.ui-accordion gebunden. So versucht:

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

Und nur für das Protokoll: Es gibt keine solche Sache (zumindest noch) nicht als „JQuery Akkordeon-Modul“. Es gibt nur einige Akkordeon-Plugins für JQuery.

Answer 4

Sie haben den Code unten zusammen an der Unterseite der Ready-Funktion schreiben:

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