jQuery menonaktifkan tautan

Adakah yang tahu cara menonaktifkan tautan di jquery TANPA menggunakan return false;?

Secara khusus, apa yang saya coba lakukan adalah menonaktifkan tautan suatu item, melakukan klik padanya menggunakan jquery yang memicu beberapa hal, kemudian mengaktifkan kembali tautan itu sehingga jika diklik lagi itu berfungsi sebagai default.

Terima kasih. Dave

PEMBARUAN Berikut kodenya. Yang perlu dilakukan setelah .expandedkelas diterapkan adalah mengaktifkan kembali tautan yang dinonaktifkan.

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

Itu akan mencegah perilaku default hyperlink, yaitu mengunjungi href yang ditentukan.

Dari tutorial jQuery :

Untuk klik dan sebagian besar acara lainnya, Anda dapat mencegah perilaku default - di sini, mengikuti tautan ke jquery.com - dengan memanggil event.preventDefault () di pengendali event

Jika Anda ingin preventDefault()hanya jika kondisi tertentu terpenuhi (sesuatu disembunyikan misalnya), Anda dapat menguji visibilitas ul Anda dengan kelas diperluas . Jika terlihat (mis. Tidak disembunyikan) tautan harus menyala seperti biasa, karena pernyataan if tidak akan dimasukkan, dan dengan demikian perilaku default tidak akan dicegah:

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

Coba ini:

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

EDIT-

Dari kode Anda yang diperbarui:

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

Untuk yang lain yang datang ke sini via google seperti saya - berikut ini pendekatan lain:

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

Ingat: bukan hanya ini kelas css

class = "buttonstyle"

tetapi juga dua ini

class = "buttonstyle dinonaktifkan"

sehingga Anda dapat dengan mudah menambah dan menghapus kelas lebih lanjut dengan jQuery. Tidak perlu menyentuh href ...

Saya suka jQuery! ;-)

Berikut ini adalah solusi css / jQuery alternatif yang saya sukai untuk keseness dan skrip yang diperkecil:

css:

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

jQuery:

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

Anda dapat menghapus klik untuk tautan dengan mengikuti;

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

Anda dapat mengaktifkan kembali tautan dengan mengikuti,

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

Anda tidak dapat menggunakan properti 'dinonaktifkan' untuk tautan.

Jika Anda memilih rute href, Anda dapat menyimpannya

Untuk menonaktifkan:

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

Kemudian aktifkan kembali menggunakan:

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

Dalam satu kasus saya harus melakukannya dengan cara ini karena peristiwa klik sudah terikat di tempat lain dan saya tidak punya kendali atasnya.

Saya selalu menggunakan ini di jQuery untuk menonaktifkan tautan

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

contoh tautan 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>

gunakan ini di jQuery

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

tambahkan ini ke css:

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

My fav in "checkout untuk mengedit item dan mencegah -wild liar klik ke mana saja- saat dalam checkout" fungsi

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

Jadi, jika saya ingin semua tautan eksternal di toolbar tindakan kedua harus dinonaktifkan saat dalam "mode edit" seperti dijelaskan di atas, saya akan menambahkan fungsi edit

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

Tautan contoh setelah kebakaran:

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

Dan sekarang Anda BISA menggunakan properti yang dinonaktifkan untuk tautan

Bersulang!

Anda harus menemukan jawabannya di sini .

Terima kasih @Will dan @Matt untuk solusi elegan ini.

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

Anda bisa menyembunyikan dan menampilkan tautan sesuka Anda

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

Hanya memicu barang, mengatur beberapa bendera, mengembalikan false. Jika flag diatur - jangan lakukan apa-apa.

unbind()sudah tidak digunakan lagi jQuery 3, gunakan off()metode ini:

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

Saya tahu ini bukan dengan jQuery tetapi Anda dapat menonaktifkan tautan dengan beberapa css sederhana:

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

HTML akan terlihat seperti

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

Ini berfungsi untuk tautan yang memiliki atribut onclick yang ditetapkan inline. Ini juga memungkinkan Anda untuk menghapus "return false" di kemudian hari untuk mengaktifkannya.

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

Gunakan saja $("a").prop("disabled", true);. Ini benar-benar akan menonaktifkan elemen tautan. Perlu demikian prop("disabled", true). Jangan gunakanattr("disabled", true)