jQuery wyłącza link

Czy ktoś wie, jak wyłączyć link w jquery BEZ korzystania return false;?

W szczególności staram się wyłączyć link elementu, wykonując kliknięcie go za pomocą jquery, która uruchamia niektóre rzeczy, a następnie ponownie włączając ten link, aby po ponownym kliknięciu działał jako domyślny.

Dzięki. Dave

AKTUALIZACJA Oto kod. Po zastosowaniu .expandedklasy należy ponownie włączyć wyłączony link.

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

Zapobiegnie to domyślnemu zachowaniu hiperłącza, które polega na odwiedzeniu określonego href.

Z jQuery samouczka :

W przypadku kliknięć i większości innych zdarzeń można zapobiec domyślnemu zachowaniu - tutaj, pod linkiem do jquery.com - wywołując event.preventDefault () w module obsługi zdarzeń

Jeśli chcesz preventDefault()tylko wtedy, gdy określony warunek jest spełniony (na przykład coś jest ukryte), możesz przetestować widoczność swojego ul z rozszerzoną klasą . Jeśli jest widoczny (tzn. Nie ukryty), link powinien zostać uruchomiony normalnie, ponieważ instrukcja if nie zostanie wprowadzona, a zatem zachowanie domyślne nie zostanie uniemożliwione:

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

Spróbuj tego:

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

EDYTOWAĆ-

Ze zaktualizowanego kodu:

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

Dla innych, którzy przybyli tutaj za pośrednictwem Google, takich jak ja - oto inne podejście:

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

Pamiętaj: nie tylko jest to klasa css

class = „Buttonstyle”

ale także te dwa

class = „wyłączony styl przycisków”

dzięki czemu możesz łatwo dodawać i usuwać kolejne klasy za pomocą jQuery. Nie trzeba dotykać href ...

Uwielbiam jQuery! ;-)

Oto alternatywne rozwiązanie css / jQuery, które preferuję ze względu na zwięzłość i zminimalizowane skrypty:

css:

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

jQuery:

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

Możesz usunąć kliknięcie linku, wykonując następujące czynności;

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

Możesz ponownie włączyć link, obserwując,

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

Nie można używać właściwości „disabled” dla łączy.

Jeśli wybierzesz trasę href, możesz ją zapisać

Wyłączyć:

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

Następnie włącz ponownie, używając:

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

W jednym przypadku musiałem to zrobić w ten sposób, ponieważ zdarzenia kliknięcia były już powiązane gdzie indziej i nie miałem nad tym kontroli.

Zawsze używam tego w jQuery do wyłączania linków

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

przykład linku 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>

użyj tego w jQuery

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

dodaj to do css:

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

Moje ulubione w „kasie do edycji przedmiotu i zapobieganiu kliknięciom„ dzikiego zachodu ”w dowolnym miejscu - w kasie”

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

Więc jeśli chcę, aby wszystkie linki zewnętrzne na pasku narzędzi drugiej akcji były wyłączone w „trybie edycji”, jak opisano powyżej, dodam funkcję edycji

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

Przykład linku po pożarze:

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

A teraz MOŻESZ użyć wyłączonej właściwości dla linków

Twoje zdrowie!

Należy znaleźć odpowiesz tutaj .

Dzięki @Will i @Matt za to eleganckie rozwiązanie.

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

możesz po prostu ukryć i pokazać link, jak chcesz

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

Wystarczy uruchomić coś, ustawić flagę, zwrócić false. Jeśli flaga jest ustawiona - nie rób nic.

unbind()był przestarzały jQuery 3, off()zamiast tego użyj metody:

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

Wiem, że nie dotyczy to jQuery, ale możesz wyłączyć link za pomocą prostego css:

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

wyglądałby HTML

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

Działa to w przypadku łączy, które mają wbudowany atrybut onclick. Pozwala to również później usunąć „return false” w celu włączenia.

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

Po prostu użyj $("a").prop("disabled", true);. To naprawdę wyłączy element de link. Musi być prop("disabled", true). Nie używajattr("disabled", true)