jQuery deaktiviert einen Link

Weiß jemand, wie man einen Link in jquery OHNE Verwendung deaktiviert return false;?

Insbesondere versuche ich, den Link eines Elements zu deaktivieren, einen Klick mit jquery darauf auszuführen, der einige Dinge auslöst, und diesen Link dann wieder zu aktivieren, damit er standardmäßig funktioniert, wenn er erneut angeklickt wird.

Vielen Dank. Dave

UPDATE Hier ist der Code. Nachdem die .expandedKlasse angewendet wurde, muss der deaktivierte Link wieder aktiviert werden.

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

Dadurch wird das Standardverhalten eines Hyperlinks verhindert, der darin besteht, die angegebene href zu besuchen.

Aus dem jQuery- Tutorial :

Bei Klick- und den meisten anderen Ereignissen können Sie das Standardverhalten verhindern - hier über den Link zu jquery.com - indem Sie event.preventDefault () im Ereignishandler aufrufen

Wenn Sie nur möchten, preventDefault()wenn eine bestimmte Bedingung erfüllt ist (z. B. etwas ist verborgen), können Sie die Sichtbarkeit Ihrer Ul mit der erweiterten Klasse testen . Wenn es sichtbar (dh nicht ausgeblendet) ist, sollte der Link wie gewohnt ausgelöst werden, da die if-Anweisung nicht eingegeben wird und somit das Standardverhalten nicht verhindert wird:

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

Versuche dies:

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

BEARBEITEN-

Aus Ihrem aktualisierten Code:

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

Für andere, die wie ich über Google hierher gekommen sind - hier ist ein anderer Ansatz:

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

Denken Sie daran: Nicht nur dies ist eine CSS-Klasse

class = "buttonstyle"

aber auch diese beiden

class = "buttonstyle disabled"

So können Sie mit jQuery problemlos weitere Klassen hinzufügen und entfernen. Keine Notwendigkeit, href zu berühren ...

Ich liebe jQuery! ;-);

Hier ist eine alternative CSS / JQuery-Lösung, die ich wegen ihrer Knappheit und minimierten Skripterstellung bevorzuge:

CSS:

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

jQuery:

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

Sie können den Klick für den Link entfernen, indem Sie folgendermaßen vorgehen:

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

Sie können den Link wie folgt wieder aktivieren:

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

Sie können die Eigenschaft 'disabled' nicht für Links verwenden.

Wenn Sie die href-Route wählen, können Sie sie speichern

Etwas deaktivieren:

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

Aktivieren Sie dann erneut mit:

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

In einem Fall musste ich es so machen, weil die Klickereignisse bereits woanders gebunden waren und ich keine Kontrolle darüber hatte.

Ich benutze dies immer in jQuery, um Links zu deaktivieren

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

Beispiel für einen HTML-Link:

        <!-- 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>

Verwenden Sie dies in jQuery

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

füge dies zu css hinzu:

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

Mein Favorit in "Zur Kasse gehen, um ein Element zu bearbeiten und zu verhindern, dass - wilde Wilde West-Klicks irgendwo hin - während einer Kasse" funktioniert

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

Wenn ich also möchte, dass alle externen Links in einer zweiten Aktionssymbolleiste im oben beschriebenen "Bearbeitungsmodus" deaktiviert werden, füge ich die Bearbeitungsfunktion hinzu

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

Linkbeispiel nach einem Brand:

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

Und jetzt können Sie deaktivierte Eigenschaften für Links verwenden

Prost!

Sie sollten Sie antworten finden hier .

Vielen Dank an @Will und @Matt für diese elegante Lösung.

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

Sie können den Link einfach ausblenden und anzeigen, wie Sie möchten

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

Einfach Sachen auslösen, ein Flag setzen, false zurückgeben. Wenn das Flag gesetzt ist, nichts tun.

unbind()wurde in veraltet jQuery 3, verwenden Sie off()stattdessen die Methode:

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

Ich weiß, dass dies nicht mit jQuery ist, aber Sie können einen Link mit einem einfachen CSS deaktivieren:

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

Das HTML würde so aussehen

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

Dies funktioniert für Links, für die das Attribut onclick inline festgelegt ist. Auf diese Weise können Sie auch später "return false" entfernen, um es zu aktivieren.

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

Einfach benutzen $("a").prop("disabled", true);. Dadurch wird das Linkelement wirklich deaktiviert. Muss sein prop("disabled", true). Nicht benutzenattr("disabled", true)