CSS kullanarak bir bağlantıyı devre dışı bırakmanın herhangi bir yolu var mı?
Mevcut sayfa` adında bir sınıfım var ve bu sınıfa sahip bağlantıların devre dışı bırakılmasını istiyorum, böylece tıklandıklarında hiçbir eylem gerçekleşmez.
CSS yalnızca bir şeyin stilini değiştirmek için kullanılabilir. Saf CSS ile yapabileceğiniz en iyi şey muhtemelen bağlantıyı tamamen gizlemektir.
Gerçekten ihtiyacınız olan şey biraz javascript. İşte jQuery kütüphanesini kullanarak istediğinizi nasıl yapacağınız.
$('a.current-page').click(function() { return false; });
CSS bunu yapamaz. CSS sadece sunum içindir. Seçenekleriniz şunlardır:
<a>
etiketlerinize href
niteliğini dahil etmeyin.class
a sahip çapa elemanlarını bulun ve href
veya onclick
niteliklerini uygun şekilde kaldırın. jQuery bu konuda size yardımcı olacaktır (NickF benzer ama daha iyi bir şeyin nasıl yapılacağını gösterdi).hrefözelliğini
javascript:void(0)` olarak ayarlayabilirsiniz
.disabled {
/* Disabled link style */
color: black;
}
<a class="disabled" href="javascript:void(0)">LINK</a>