هل من طريقة لإبطال مفعول الروابط على html؟

لإبطال مفعول الروابط على وسوم <a>، هناك عدّة طرق:

• من ملف التنسيق css:

a.disabled {
    pointer-events: none;
}

حيث نُبطل مفعول الرابط بإعطاء القيمة none للخاصية pointer-events، والتي بطريقة أخرى تمنع الرابط من إحداث أي حدث.

• عن طريق Javascript:

$("td > a").on("click", function(event){
    if ($(this).is("[disabled]")) {
        event.preventDefault();
    }
});

لإبطال رابط داخل جدول :

$("td > a").attr("disabled", "disabled");

ولإعادة تفعيله:

$("td > a").removeAttr("disabled");

كما يمكن إبطال المفعول للرابط عن طريق إرجاع القيمة flase من خلال javascript:

$("td > a").attr("disabled", "disabled").on("click", function() {
    return false; 
});

بكود بسيط عن طريق مكتة الجيكويري ستبطل كل الروابط

<script>
$(function(){ $("a").attr("href","#"); })
</script>