• 0

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

كما يتضح من السؤال، أتوفر على صفحة html، بها روابط لصفحات أخرى، ومن بين المهام التي تندرج في الموقع، إبطال مفعول روابط ميعنة، فكيف أفعل ذلك؟

هل سأحتاج إلى أوامر برمجية ولغة محددة لذلك؟ أم سأكتفي بملف التنسيقcss؟

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

لإبطال مفعول الروابط على وسوم <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; 
});

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

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

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

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن