jQuery bir bağlantıyı devre dışı bırak

Herkes kullanmadan jquery bir bağlantıyı devre dışı bırakmayı biliyor return false;mu?

Özellikle, yapmaya çalıştığım şey, bir öğenin bağlantısını devre dışı bırakmak, bazı şeyleri tetikleyen jquery kullanarak bir tıklama yapmak ve daha sonra tekrar tıklanırsa varsayılan olarak çalışması için bu bağlantıyı yeniden etkinleştirmektir.

Teşekkürler. Dave

GÜNCELLEME İşte kod. .expandedSınıf uygulandıktan sonra yapması gereken , devre dışı bırakılmış bağlantıyı yeniden etkinleştirmektir.

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

Bu, belirtilen href'i ziyaret edecek bir köprünün varsayılan davranışını önleyecektir.

JQuery öğreticisinden :

Tıklama ve diğer birçok etkinlik için, varsayılan işleyiciyi (burada, jquery.com bağlantısını izleyerek), olay işleyicisindeki event.preventDefault () yöntemini çağırarak engelleyebilirsiniz.

Eğer isterseniz preventDefault()belli bir durum (bir şey örneğin gizlenir) yerine yalnızca, sen sınıfa ile ul görünürlüğünü test edebilir genişletilmiş . Görünürse (yani gizli değilse), if ifadesi girilmeyeceği için bağlantı normal şekilde tetiklenmelidir ve bu nedenle varsayılan davranış önlenmez:

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

Bunu dene:

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

DÜZENLE-

Güncellenmiş kodunuzdan:

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

Buraya benim gibi google üzerinden gelen diğerleri için - işte başka bir yaklaşım:

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

Unutmayın: sadece bu bir css sınıfı değil

class = "buttonstyle"

aynı zamanda bu ikisi

class = "buttontyle devre dışı"

böylece jQuery ile kolayca başka sınıflar ekleyebilir ve kaldırabilirsiniz. Href dokunmaya gerek yok ...

JQuery seviyorum! ;-)

İşte onun kıvamı ve simge durumuna küçültülmüş komut dosyası oluşturma için tercih ettiğim alternatif bir css / jQuery çözümü:

css:

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

jQuery:

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

Aşağıdaki linke tıklayarak bağlantıyı kaldırabilirsiniz;

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

Bağlantıyı aşağıdaki yollarla yeniden etkinleştirebilirsiniz,

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

Bağlantılar için 'devre dışı' özelliğini kullanamazsınız.

Href yoluna giderseniz, onu kaydedebilirsiniz

Devre dışı bırakmak için:

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

Ardından aşağıdakileri kullanarak yeniden etkinleştirin:

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

Bir durumda, bu şekilde yapmak zorunda kaldım çünkü tıklama olayları zaten başka bir yere bağlıydı ve üzerinde hiçbir kontrolüm yoktu.

Ben her zaman bağlantıları devre dışı bırakmak için jQuery kullanın

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

html bağlantı örneği:

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

bunu jQuery'de kullan

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

bunu css'e ekle:

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

"Bir öğeyi düzenlemek ve bir kasadayken vahşi vahşi batı tıklamalarını herhangi bir yere önlemek için ödeme" işlevim

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

Bu nedenle, ikinci bir eylem araç çubuğundaki tüm harici bağlantıların yukarıda açıklandığı gibi "düzenleme modu" ndayken devre dışı bırakılmasını istiyorsanız, düzenleme işlevine ekleyeceğim

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

Yangından sonra bağlantı örneği:

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

Ve şimdi bağlantılar için devre dışı bırakılmış özelliği kullanabilirsiniz

Şerefe!

Burada cevabını bulmalısın .

Bu zarif çözüm için @Will ve @Matt'a teşekkürler.

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

bağlantıyı istediğiniz gibi gizleyebilir ve gösterebilirsiniz

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

Sadece bir şeyler tetikleyin, bazı bayraklar ayarlayın, yanlış döndürün. Bayrak ayarlanmışsa - hiçbir şey yapmayın.

unbind()kullanımdan kaldırıldı jQuery 3, off()bunun yerine yöntemi kullanın:

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

Bu jQuery ile olmadığını biliyorum ama bazı basit css ile bir bağlantıyı devre dışı bırakabilirsiniz:

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

HTML şöyle görünür

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

Bu, onclick özniteliğini satır içine ayarlanmış bağlantılar için çalışır. Bu, daha sonra etkinleştirmek için "return false" öğesini daha sonra kaldırmanıza da olanak tanır.

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

Sadece kullan $("a").prop("disabled", true);. Bu, bağlantı öğesini gerçekten devre dışı bırakacaktır. Olması gerekiyor prop("disabled", true). Kullanmaattr("disabled", true)