e.preventdefault(); funktioniert nicht

Question

Ich habe echte Schwierigkeiten, e.preventDefault(); zu arbeiten.

Hier ist mein Code

$('#ListSnapshot a').live('click', function(e){ 
    var url = $(this).attr('href') +' #WebPartWPQ2 .ms-listviewtable'; 
    $('#ListSnapshot').load(url); 
    e.preventDefault(); 
}); 

Könnte jemand erklären, was ich falsch mache, kann ich die Ladefunktion der Arbeit sehen, aber dann wird die Seite umleitet auf den geklickt Link, die ich verhindern müssen.

Ich habe auch versucht, e.preventDefault(); an die Spitze der Funktion zu bewegen, vergeblich.

Answer 1

Versuchen Sie, false zurückzugeben. live funktioniert nicht immer genauso wie bind funktioniert. überprüfen Sie jquery docs.

Answer 2

Der von Ihnen bereitgestellte Code sollte auf jeden Fall funktionieren (working example). Es muss ein anderes Problem mit Ihrem Code geben.

Versuchen Sie, eine Warnung in Ihrem Ereignishandler zu platzieren, um sicherzustellen, dass sie überhaupt auslöst. Es ist möglich, dass Ihr #ListSnapshot a nichts findet.

Wenn etwas anderes in Ihrem Handler falsch ist, verursacht das eine Ausnahme, die verhindern könnte, dass das Javascript den gesamten Weg zum preventDefault Aufruf ausführt. Ich sehe nicht, was das in dem Code sein könnte, den du bereitgestellt hast, tho.

Answer 3

Ich denke @ David Hedlunds Antwort ist richtig, es muss eine Ausnahme passieren. Wenn ich Ereignishandler schreibe, verwende ich einen try...catch Block, um sicherzustellen, dass die Standardaktion nicht passiert. Versuchen Sie folgendes:

$('#ListSnapshot a').live('click', function(e){ 
    try { 
     var url = $(this).attr('href') +' #WebPartWPQ2 .ms-listviewtable'; 
     $('#ListSnapshot').load(url); 
    } catch(ex) { 
     alert('An error occurred and I need to write some code to handle this!'); 
    } 
    e.preventDefault(); 
}); 

auf diese Weise, da e.preventDefault(); außerhalb des try Block ist, selbst wenn ein Fehler auftritt, e.preventDefault(); wird noch genannt werden.

Answer 4

Ich glaube, Sie die folgende scenerio mindestens ... haben können, dies den Fehler reproduziert

Sie ein Ereignis höherer kann bis das Setup für das Hover-Ereignis ist, kann dieses Ereignis mit bind sein, und Selbst wenn du e.preventdefault aufruft, ruft es immer noch zuerst die Bindung auf, also musst du möglicherweise die höhere Bindung live verwenden anstatt sie zu binden. dann sollte es wie erwartet funktionieren. Überprüfen Sie dieses Beispiel.

http://jsfiddle.net/rodmjay/mnkq3/

$('div').bind ('click', function(){ // <-- switch this to live and you will see different behavior 

    alert('div click'); 

}); 

$('a').live('click', function(e){ 


    alert('a click'); 

    e.stopImmediatePropagation(); 


}); 

Answer 5

Haben Sie versucht, zuerst die Event-Handler in $ (document) .ready (...) Wickeln? Nur ein Gedanke.

Answer 6

e.preventDefault() sollte vor den anderen Codezeilen im Handler ausgeführt werden.

Answer 7

Alte Frage, aber das ist nur die Art von Moment sollte sehen, was Firebug meldet sich in der Konsole oder kehrt als Fehler zurück. Etwas in Ihrem Code verhindert offensichtlich, dass preventDefault() eine Weiterleitung verhindert.

Answer 8

Ich hatte ein ähnliches Problem, in dem e.preventDefault() würde in einigen Fällen funktionieren, aber nicht in anderen. Es zeigte keine Fehler und try-catch wurde nicht catch alert angezeigt. Hinzufügen e.stopImmediatePropagation() tat den Trick, falls es jemand hilft (großes Dank an wcpro)