jQuery event.preventDefault() funktioniert nicht in Firefox (JSFiddle enthalten)

Question

Dies ist eine Art ähnliches Duplikat zu einigen anderen hier, aber ich denke, dass ich event.preventDefault() in diesem Fall richtig verwende.

Hier ist ein JSFiddle Sie den Code mit sehen können: http://jsfiddle.net/SeEw2/2/

Grundsätzlich auf die Schaltfläche Senden klicken.

In Chrome: Nichts passiert - richtige Antwort.

In Firefox: Seite neu geladen, oh nein!

Warum wird die Seite in Firefox und nicht in Chrome neu geladen? Ich habe Firebugging es und keine Fehler kommen in beiden ...

Answer 1

Die Variable event in Ihrem Code ist nicht initialisiert.

http://jsfiddle.net/SeEw2/4/

Extrakt:

$('#ajaxsearch').click(function(event) { 

     // Stop the Search input reloading the page by preventing its default action 
     event.preventDefault(); 

Answer 2

Weil Ihr nicht das Ereignisobjekt wie function(event) vorbei, aber meine Frage ist, warum auch alles durchmachen, wenn Sie die type="button" machen und Onclick die Werte übergeben? Im Wesentlichen das, was du mit diesem ganzen Prozess machst.

Answer 3

Ah Ich hatte in der Vergangenheit ein ähnliches Problem. Anstatt Event.preventDefault() versuchen, das Ereignis vorbei zu:

function ie8SafePreventEvent(e){ 
    if(e.preventDefault){ e.preventDefault()} 
    else{e.stop()}; 

    e.returnValue = false; 
    e.stopPropagation();   
} 

Ich weiß, es IE sagt, aber ich habe noch nie ein Problem mit ihm, da = hatte]

Answer 4

Statt für ein Click-Ereignis suchen auf der Schaltfläche senden, warum nicht den $(form).submit Handler verwenden?

Solange Sie am Ende des Handlers 'false' zurückgegeben haben, wird die Seite nicht neu geladen.

Answer 5

Ich löste es auf diese Weise, da mein Code ein bisschen anders ist, kann dies für andere hilfreich sein. Mein ursprünglicher Code sah so aus.

<form id="enrollstudentform" onsubmit="return enrollStudents()"> 
    ... 
</form> 

Meine js Funktion sah aus wie

function enrollStudents() { 
    // Stop Form. 
    event.preventDefault(); 
    // Other code 
} 

ich die Parameter Ereignis in dem Funktionsaufruf übergeben hatte und empfangen sie in der Funktion.

<form id="enrollstudentform" onsubmit="return enrollStudents(event)"> 
    ... 
</form> 

js Code:

function enrollStudents(event) { 
    // Stop Form. 
    event.preventDefault(); 
    // Other code 
} 

Ich hoffe, es hilft.