preventDefault non funziona su Firefox

Question

Sto tentando di impedire ad A HREF di aprire effettivamente il collegamento, ma di eseguire uno script. Ho avuto la parte di lavoro sceneggiatura, ma sembra Firefox sarebbe solo ignorare questo:

$("#permalink a").click(function(id){ 
    $("#newPost").fadeToggle; 
    event.preventDefault(); 
    var id = this.getAttribute('href'); 
    $("#newPostContent").load(id); 
    $("#newPost").show("fast"); 
}); 

Qualcuno può suggerire uno script cross-browser per la prevenzione di default?

Answer 1

La soluzione standard a questo è return false dal gestore click(). return false equivale a chiamare preventDefault() e stopPropagation() sull'evento. preventDefault() è sufficiente per questa attività, quindi o funzionerà o return false.

Il tuo problema sembra essere un errore di sintassi e parametri errati. Vedo:

• fadeToggle non ha parentesi;
• il parametro funzione si chiama id eppure si chiama event.preventDefault(); e
• Stai sbiadendo il post e quindi lo mostri immediatamente? Questo accoderà due animazioni ma non ha molto senso. Probabilmente vorrai mettere insieme queste due cose e lo load() in modo razionale.

Quindi questo dovrebbe funzionare:

$("#permalink a").click(function(event) { 
    $("#newPost").fadeToggle(); 
    var id = this.getAttribute('href'); 
    $("#newPostContent").load(id); 
    $("#newPost").show("fast"); 
    return false; 
}); 

Potete liberamente sostituire return false con event.preventDefault() in questo caso, ma la moltiplicazione click() evento potrebbe o potrebbe causare altri problemi a seconda di cosa gli altri gestori di eventi che avete.

Answer 2

Si dovrebbe solo essere in grado di return false;

Answer 3

  $("#permalink a").click(function(id){ 

dovrebbe essere

  $("#permalink a").click(function(event){ 

Poi

var id=event.target; 

vi darà l'oggetto che si sta lavorando, e event.preventDefault() interromperà l'azione predefinita.

In genere restituisco false; me stesso, ma questo impedisce entrambi l'azione predefinita e interrompe la propagazione dell'evento, che potrebbe avere effetti che non ti aspettavi con altri gestori di eventi.

Answer 4

Funziona sempre: Firefox ha bisogno del "gestore di eventi", Chrome no. Quindi questo funziona su tutti i browser:

$('#id_obj').click(function(event) { 
    event.preventDefault(event); 
}