jQuery disabilita un collegamento

Qualcuno sa come disabilitare un collegamento in jquery SENZA utilizzare return false;?

In particolare, quello che sto cercando di fare è disabilitare il collegamento di un elemento, eseguendo un clic su di esso usando jquery che attiva alcune cose, quindi riattivare quel collegamento in modo che se viene cliccato di nuovo funzioni come predefinito.

Grazie. Dave

AGGIORNAMENTO Ecco il codice. Ciò che deve fare dopo l'applicazione della .expandedclasse è riattivare il collegamento disabilitato.

$('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
});

Ciò impedirà il comportamento predefinito di un collegamento ipertestuale, che è quello di visitare l'href specificato.

Dal tutorial di jQuery :

Per i clic e la maggior parte degli altri eventi, è possibile impedire il comportamento predefinito - qui, seguendo il collegamento a jquery.com - chiamando event.preventDefault () nel gestore eventi

Se lo desideri preventDefault()solo se una determinata condizione è soddisfatta (qualcosa è nascosto per esempio), potresti testare la visibilità del tuo ul con la classe espansa . Se è visibile (cioè non nascosto), il collegamento dovrebbe attivarsi normalmente, poiché l'istruzione if non verrà inserita e pertanto il comportamento predefinito non verrà impedito:

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

Prova questo:

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

MODIFICARE-

Dal tuo codice aggiornato:

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

Per gli altri che sono venuti qui tramite Google come me, ecco un altro approccio:

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')

Ricorda: non solo questa è una classe CSS

class = "ButtonStyle"

ma anche questi due

class = "buttonstyle disabilitato"

così puoi facilmente aggiungere e rimuovere ulteriori classi con jQuery. Non c'è bisogno di toccare href ...

Adoro jQuery! ;-)

Ecco una soluzione alternativa css / jQuery che preferisco per la sua terseness e gli script minimizzati:

css:

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

jQuery:

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

È possibile rimuovere fare clic per il collegamento come segue;

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

Puoi riattivare il collegamento seguendo i seguenti

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

Non è possibile utilizzare la proprietà "disabilitato" per i collegamenti.

Se segui il percorso href, puoi salvarlo

Disabilitare:

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

Quindi riattivare utilizzando:

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

In un caso ho dovuto farlo in questo modo perché gli eventi clic erano già associati altrove e non avevo alcun controllo su di esso.

Lo uso sempre in jQuery per disabilitare i collegamenti

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

esempio di collegamento 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 questo in jQuery

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

aggiungi questo a css:

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

Il mio preferito in "checkout per modificare un elemento e impedire -wild wild click ad ovunque- mentre in un checkout" funzioni

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

Quindi, se voglio che tutti i collegamenti esterni in una barra degli strumenti della seconda azione siano disabilitati mentre si è in "modalità modifica" come descritto sopra, aggiungerò nella funzione di modifica

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

Esempio di collegamento dopo l'incendio:

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

E ora PUOI usare la proprietà disabilitata per i collegamenti

Saluti!

Dovresti trovare la tua risposta qui .

Grazie @Will e @Matt per questa elegante soluzione.

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

puoi semplicemente nascondere e mostrare il link come preferisci

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

Basta innescare roba, impostare un po 'di bandiera, restituire false. Se la bandiera è impostata, non fare nulla.

unbind()è stato deprecato jQuery 3, utilizzare off()invece il metodo:

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

So che questo non è con jQuery ma è possibile disabilitare un collegamento con alcuni semplici CSS:

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

il codice HTML sarebbe simile

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

Funziona con collegamenti che hanno l'attributo onclick impostato in linea. Ciò consente anche di rimuovere successivamente "return false" per abilitarlo.

        //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; ", ""));
        });

Basta usare $("a").prop("disabled", true);. Questo disabiliterà davvero l'elemento de link. Deve essere prop("disabled", true). Non usareattr("disabled", true)