1. ホーム
  2. jquery

[解決済み] アンカータグが何も参照しないようにするにはどうしたらいいですか?

2022-04-22 23:06:24

質問

jQueryを使用していますが、いくつかのアンカータグに何もさせないようにする必要があります。

普段はこんな風に書いています。

<a href="#">link</a>

ただし、これはページの先頭を指しています。

解決方法は?

もし、何も指させたくないのであれば、おそらくは <a> (アンカー)タグを使用します。

リンクのように見えるが、リンクのように動作しないものを作りたい場合は、適切な要素(例えば <span> を使用し、CSSでスタイルを設定します。

<span class="fake-link" id="fake-link-1">Am I a link?</span>

.fake-link {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

また、この質問に "jQuery" というタグを付けていることから、クリックイベントのハンドラを付けたいのだろうと推測されます。もしそうなら、上記と同じことをした上で、以下のJavaScriptのようなものを使えばよいでしょう。

$('#fake-link-1').click(function() {
    /* put your code here */
});