javascript - ハイパーリンクのクリック時に Javascript 実行アクション

Question

私の Javascript の知識は非常に低いので、このばかげた質問で申し訳ありませんが、あらゆる場所を検索しました。

単一ページのスクロールスクリプトを使用していますが、ナビゲーションバーを追加しようとしています。ドキュメントでは、ページに変更するためにこれを参照しています。

$(".main").moveTo(3);

これを実行するためのリンクを作成するにはどうすればよいですか? クリックするとこれを実行するハイパーリンクが必要ですが、その方法がわかりません。

score 0 · Accepted Answer

いいえ、あなたはしません。ハイパーリンクがリソースにリンクしていない場合、それはハイパーリンクではないため、<a>タグを使用しないでください。あなたが説明しているのは、要素である「クリックして何かをする」要素<button>です。これを使用するだけです：

<button onclick="$('.main').moveTo(3)">click this</button>

次に、CSS を使用して、ボタンを必要な外観にします (ボタンのデフォルトのスタイル設定は単なる CSS です。境界線と背景色をオフにすると、プレーンテキストのように見えます)。

score 0 · Accepted Answer

ハイパーリンクのセレクターを次のように使用できます

$('a').click(function () {
   // paste your function here..
})

クラスなどの特定のセレクターを次のように使用できます。

$('a.move').click(function () {
   // function
}

そのHTMLはどこになりますか

<a href="#" class="move">Click Me</a>

2 に答える 2