Tengo una página con varios enlaces y botones vinculados. Quiero deshabilitar todo. ¿Cómo puedo hacer esto?

<div id="content-main">
  <h1>My Notes</h1>

  <a href="edit.html" id="btnNew" name="btnNew" class="button">Add new Link</a>

  <table border="0" cellspacing="0" cellpadding="4">
    <tr bgcolor="#edf3fe">
      <td><a href="edit.html">Link 1</a></td>
      <td><a href="edit.html">Link 2</a></td>
    </tr>
  </table>
  <div class="button-row"></div>
</div>

Intenté lo siguiente, que funciona hasta el punto de que el enlace ya no funciona, pero también me gustaría atenuar los enlaces.

$(document).ready(function(){


    $( "a" ).click(function( event ) {
        alert( "The link will no longer work" );
        event.preventDefault();
    });

}); }

1
Kaur 26 ene. 2016 a las 02:46

4 respuestas

La mejor respuesta

Si los quiere en gris, intente esto. Basado en la respuesta anterior:

$(document).ready(function(){
   $("a").click(function($event){
   var $this = $(this);
       $event.preventDefault();
       $this.css("color", " #808080"); //only targets the actual link clicked. If you want all when you click any link use $('a').css();
   });
});

Por cierto, un consejo para el novato, siempre es una buena práctica hacer cualquier cosa que sea una variable de objeto jQuery con el prefijo '$'. Fácil cuando comienza a realizar funciones de contexto de varios niveles.

2
Casey 27 ene. 2016 a las 03:48

No está 100% relacionado, pero me tomó un tiempo encontrar este truco. Si su HTML se ve así

<a id="myLink" href="http://takemesomewhere.com" class="underlineHoverOnly">link text</a>

Entonces puedes quitar el enlace con solo:

$('#myLink').removeAttr('href');

También puede detener el subrayado del enlace al pasar el mouse con:

$('#myLink').removeAttr('class');
0
Jon R 1 may. 2020 a las 16:07

Puede utilizar esto:

$(document).ready(function(){ 
    $( "a" ).click(function( event ) {
       $(this).fadeOut();
       event.preventDefault();
    });
});

¡Espero que esto ayude!

0
John Roca 26 ene. 2016 a las 00:42

Qué tal esto ?

$(document).ready(function(){
    $("a").click(function(event){
      event.preventDefault();
        $("a").fadeOut();
    });
});

Como lo que dijiste, si el usuario hace clic en cualquiera de los enlaces, todos desaparecen. ¿Es esto lo que quieres?

1
Arman Malekzadeh 26 ene. 2016 a las 00:38