jQuery deshabilita un enlace

¿Alguien sabe cómo deshabilitar un enlace en jquery SIN usar return false;?

Específicamente, lo que estoy tratando de hacer es deshabilitar el enlace de un elemento, hacer clic en él usando jquery que activa algunas cosas, luego volver a habilitar ese enlace para que si se vuelve a hacer clic funcione de manera predeterminada.

Gracias. Dave

ACTUALIZACIÓN Aquí está el código. Lo que debe hacer después de que .expandedse haya aplicado la clase es volver a habilitar el enlace deshabilitado.

$('ul li').click(function(e) {
    e.preventDefault();
    $('ul').addClass('expanded');
    $('ul.expanded').fadeIn(300);
    //return false;
});

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

Eso evitará el comportamiento predeterminado de un hipervínculo, que es visitar el href especificado.

Del tutorial de jQuery :

Para los clics y la mayoría de los otros eventos, puede evitar el comportamiento predeterminado, aquí, siguiendo el enlace a jquery.com, llamando a event.preventDefault () en el controlador de eventos

Si desea hacerlo preventDefault()solo si se cumple una determinada condición (algo está oculto, por ejemplo), puede probar la visibilidad de su ul con la clase expandida . Si es visible (es decir, no está oculto), el enlace debería activarse normalmente, ya que la instrucción if no se ingresará y, por lo tanto, no se evitará el comportamiento predeterminado:

$('ul li').click(function(e) {
    if($('ul.expanded').is(':hidden')) {
        e.preventDefault();
        $('ul').addClass('expanded');
        $('ul.expanded').fadeIn(300);
    } 
});

Prueba esto:

$("a").removeAttr('href');

EDITAR-

De su código actualizado:

 var location= $('#link1').attr("href");
 $("#link1").removeAttr('href');
 $('ul').addClass('expanded');
 $('ul.expanded').fadeIn(300);
 $("#link1").attr("href", location);

Para otros que vinieron aquí a través de Google como yo, aquí hay otro enfoque:

css:
.disabled {
  color: grey; // ...whatever
}

jQuery:
$('#myLink').click(function (e) {
  e.preventDefault();
  if ($(this).hasClass('disabled'))
    return false; // Do something else in here if required
  else
    window.location.href = $(this).attr('href');
});

// Elsewhere in your code
if (disabledCondition == true)
  $('#myLink').addClass('disabled')
else
  $('#myLink').removeClass('disabled')

Recuerde: no solo esta es una clase CSS

clase = "estilo de botón"

pero también estos dos

clase = "estilo de botón deshabilitado"

para que pueda agregar y eliminar fácilmente más clases con jQuery. No es necesario tocar href ...

¡Amo jQuery! ;-)

Aquí hay una solución alternativa css / jQuery que prefiero por su brevedad y sus secuencias de comandos minimizadas:

css:

a.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}

jQuery:

$('.disableAfterClick').click(function (e) {
   $(this).addClass('disabled');
});

Puede eliminar el clic para el enlace siguiendo;

$('#link-id').unbind('click');

Puede volver a habilitar el enlace siguiendo estos pasos,

$('#link-id').bind('click');

No puede usar la propiedad 'deshabilitada' para los enlaces.

Si sigue la ruta href, puede guardarla

Deshabilitar:

$('a').each(function(){
    $(this).data("href", $(this).attr("href")).removeAttr("href");
});

Luego vuelva a habilitar usando:

$('a').each(function(){
    $(this).attr("href", $(this).data("href"));
});

En un caso, tuve que hacerlo de esta manera porque los eventos de clic ya estaban vinculados en otro lugar y no tenía control sobre ello.

Siempre uso esto en jQuery para deshabilitar enlaces

$("form a").attr("disabled", "disabled");

ejemplo de enlace html:

        <!-- boostrap button + fontawesome icon -->
        <a class="btn btn-primary" id="BT_Download" target="blank" href="DownloadDoc?Id=32">
        <i class="icon-file-text icon-large"></i>
        Download Document
        </a>

usa esto en jQuery

    $('#BT_Download').attr('disabled',true);

agregue esto a css:

    a[disabled="disabled"] {
        pointer-events: none;
    }

Mi favorito en "finalizar la compra para editar un elemento y evitar los clics en el salvaje oeste salvaje a cualquier lugar" mientras está en la finalización de la compra

$('a').click(function(e) {
    var = $(this).attr('disabled');
    if (var === 'disabled') {
        e.preventDefault();
    }
});

Entonces, si deseo que todos los enlaces externos en una segunda barra de herramientas de acción se desactiven en el "modo de edición" como se describió anteriormente, agregaré la función de edición

$('#actionToolbar .external').attr('disabled', true);

Ejemplo de enlace después del fuego:

<a href="http://goo.gl" target="elsewhere" class="external" disabled="disabled">Google</a>

Y ahora PUEDES usar propiedades deshabilitadas para enlaces

¡Salud!

Deberías encontrar tu respuesta aquí .

Gracias @Will y @Matt por esta elegante solución.

jQuery('#path .to .your a').each(function(){
    var $t = jQuery(this);
    $t.after($t.text());
    $t.remove();
});

solo puedes ocultar y mostrar el enlace como quieras

$(link).hide();
$(link).show();

Solo dispara cosas, establece alguna bandera, devuelve falso. Si la bandera está activada, no haga nada.

unbind()fue desaprobado jQuery 3, utilice el off()método en su lugar:

$("a").off("click");

Sé que esto no es con jQuery, pero puede deshabilitar un enlace con algunos css simples:

a[disabled] {
  z-index: -1;
}

el HTML se vería así

<a disabled="disabled" href="/start">Take Survey</a>

Esto funciona para enlaces que tienen el atributo onclick establecido en línea. Esto también le permite eliminar más tarde el "return false" para habilitarlo.

        //disable all links matching class
        $('.yourLinkClass').each(function(index) {
            var link = $(this);
            var OnClickValue = link.attr("onclick");
            link.attr("onclick", "return false; " + OnClickValue);
        });

        //enable all edit links
        $('.yourLinkClass').each(function (index) {
            var link = $(this);
            var OnClickValue = link.attr("onclick");
            link.attr("onclick", OnClickValue.replace("return false; ", ""));
        });

Solo úsalo $("a").prop("disabled", true);. Esto realmente deshabilitará el elemento de enlace. Necesita ser prop("disabled", true). No usarattr("disabled", true)