¿Cómo habilito/deshabilito dinámicamente los enlaces con jQuery?

Question

Tengo algunos enlaces que se muestran en una página. Me gustaría habilitar/deshabilitarlos en base a otros eventos en la página. ¿Hay alguna manera de hacer esto con jQuery?

Answer 1

$('selector_for_links_to_disable').bind('click', function(e){ 
     e.preventDefault(); 
}) 

y para permitir:

$('selector_for_links_to_enable').unbind('click') 

Answer 2

Se podría hacer algo como:

$('.links').click(function(e){ 
    if([some conditions]){ 
    e.preventDefault(); 
    } 
}); 

Asegúrese de mostrar que ya no funcionan de alguna manera, de lo contrario los usuarios se confundan, lol.

Answer 3

depende de lo que quiere decir con "deshabilitar".

Esto hará que no hacen nada:

$("A").click(function() { return false; }); 

Answer 4

$(document).delegate('.links', 'click', function() { 
    if ([your condition is true]) { 
    return false; 
    } 
}) 

delegación es mejor que los manipuladores, porque les puede llamar antes de que el DOM se cargado

Answer 5

Usted c un hacer algo como esto:

<script> 
    $(document).ready(function() { 
     $('input#disableall').live('click', function(){ 
      $('a').attr('class', 'disabled'); 
      alert('All links are disabled.'); 
     }); 


     $('input#enableall').live('click', function(){ 
      $('a').attr('class', 'enabled'); 
      alert('All links are enabled.'); 
     }); 

     $('a.disabled').live('click', function(event){ 
      event.preventDefault(); 
     }); 
    }); 
</script> 

<a href='http://www.google.com'>Google<a/> 
<a href='http://www.yahoo.com'>Yahoo<a/> 
<a href='http://www.hotmail.com'>Hotmail<a/> 

<input type='button' id='disableall' value='Disable Links' /> 
<input type='button' id='enableall' value='Enable Links' /> 

Answer 6

Cuando estoy dando funciones a los botones por jQuery, me gusta hacer esto:

indice = ''; 

$('myLink').live('click',function() { 
    if (indice !== 'value1'){ 

     // your code 
    } 

    indice = 'value1'; 
    return indice; 

}); 

con esto, se obtiene la función de sólo la primera vez que se pulsa de botón. Ahora solo tiene que establecer un indice diferente de value1 para que su enlace funcione de nuevo