jQuery etiqueta de enlace habilitar bloquear

Question

Quiero desactivar el enlace durante la carga, para el código que figura a continuación

<span id="addlink">"<%= f.add_associated_link('Add Task', @project.tasks.build, :class=>"add") %></span> 

he probado con los siguientes códigos, pero no funcionó

$("#addlink").attr("disabled", "disabled"); 

y

$("a.add").hide(); 

Answer 1

$('#addlink').click(function(e) { 
    e.preventDefault(); 
    //do other stuff when a click happens 
}); 

return false;

evitará que el evento predeterminado desde que ocurren y y también evitar que el evento burbujeando

Así eligiendo entre estos dos depende de su uso. Si desea detener la acción por defecto y también tienen que brotan del evento a continuación, utilizar preventDefault

Answer 2

function disableLink(e) { 
    // cancels the event 
    e.preventDefault(); 

    return false; 
} 

Cuando se desea desactivarlo años llamada

$('#addlink').bind('click', disableLink); 

Cuando desea habilitar discapacitados enlace se llama

$('#addlink').unbind('click', disableLink); 

Answer 3

me gustaría ir con un híbrido de RaYell de solución y de Phoenix, añadiendo a la mezcla jQuery's namespacing:

$('#addlink').bind('click.killlink',function(event){ 
    event.preventDefault(); 
    // You can do any additional onClick behavior here 
}); 

para desenlazar este evento, así como cualesquiera otros acontecimientos relacionados (de cualquier tipo) que el grupo con el espacio de nombres .killink, que había corrido la siguiente:

$('#addlink').unbind('.killlink'); 

como Phoenix señaló, usando return false evitará que el evento burbujee. preventDefault() tiene el beneficio adicional de ser extremadamente explícito (a diferencia de return false, que puede significar muchas cosas diferentes según el contexto).