preventDefault no funcionará en Firefox

Question

Estoy intentando evitar que A HREF realmente abra el enlace, pero ejecute un script. Me dieron el papel de trabajo de la escritura, pero parece Firefox sería simplemente ignorar esto:

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

¿Puede alguien sugerir una secuencia de comandos multi-navegador por defecto para la prevención?

Answer 1

La solución estándar para esto es return false del controlador click(). return false es el equivalente a llamar al preventDefault() y stopPropagation() en el evento. preventDefault() es suficiente para esta tarea también, así que o bien return false funcionará.

Parece que su problema son los errores de sintaxis y los parámetros incorrectos. Veo:

• fadeToggle no tiene paréntesis;
• el parámetro de función se llama id pero llama al event.preventDefault(); y
• ¿Estás perdiendo el mensaje y enseguida lo muestras? Eso pondrá en cola dos animaciones pero no tiene mucho sentido. Probablemente quiera encadenar esas dos cosas y el load() de una manera racional.

así que esto debería funcionar:

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

Puede sustituir libremente return false con event.preventDefault() en este caso, pero el caso click() propagación puede o causar otros problemas dependiendo de lo que otros controladores de eventos que tiene.

Answer 2

Usted sólo debe ser capaz de return false;

Answer 3

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

debe ser

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

Entonces

var id=event.target; 

le dará el objeto que se está trabajando, y event.preventDefault() detendrá la acción predeterminada.

Normalmente devuelvo falso; yo mismo, pero esto impide que la acción predeterminada y detenga la propagación del evento, lo que podría tener efectos que no esperaba con otros manejadores de eventos.

Answer 4

Esto siempre funciona: Firefox necesita el "controlador de eventos", Chrome no. Así que esto funciona en todos los navegadores:

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