CSSでリンクを無効にする方法はありませんか?
current-page`というクラスがあるのですが、このクラスを持つリンクを無効にして、クリックされても何も起こらないようにしたいと考えています。
CSSは、何かのスタイルを変更するためにのみ使用できます。純粋なCSSでできることは、リンクを完全に隠すことくらいでしょう。
本当に必要なのは、javascriptです。ここでは、jQueryライブラリを使った方法をご紹介します。
$('a.current-page').click(function() { return false; });
CSSではそれができません。 CSSはプレゼンテーションのためだけにあります。 あなたの選択肢は
タグに
class
href
onclick
javascript:void(0)をhref` 属性に設定することができます。
を
.disabled { /* Disabled link style */ color: black; }
<a class="disabled" href="javascript:void(0)">LINK</a>
CSSは、何かのスタイルを変更するためにのみ使用できます。純粋なCSSでできることは、リンクを完全に隠すことくらいでしょう。
本当に必要なのは、javascriptです。ここでは、jQueryライブラリを使った方法をご紹介します。
CSSではそれができません。 CSSはプレゼンテーションのためだけにあります。 あなたの選択肢は
タグに
href` 属性を含めない。class
を持つアンカー要素を見つけ、それに応じてhref
やonclick
属性を削除する。javascript:void(0)
を
href` 属性に設定することができます。