jQueryを使って作業するときに、href = "＃"を使用する必要がありますか？

Question

私は、他の項目を切り替えるために.toggleTriggerとrel属性を使用する小さなjQueryを作成しました。

私が最初に抱える問題は、ボタン・タグを使用すると、それが開き、すぐに閉じられるということです。アンカータグを使用するとうまく動作します。

第2の問題は、ページを下にスクロールして、アンカータグを押してその下にあるものを切り替えると、href="#"属性のためにページの先頭に戻ってしまうことです。

私はこれらの初心者の問題でなければならないことを知っていますが、私はちょうどそれらを回避する方法を理解できません。

誰かが助けてくれますか？

べき私のhrefの私はtoggleTriggerため<a>タグを使用するように強制href="#divThatWillBeToggled"

アムのようなものをポイント？ <button>タグを使用できませんか？

EDIT（私はここやプログラミングに新しいです失礼）

<a href="#" class="toggleTrigger">This is my Toggle Trigger</a> 
<div class="toggle">This is info that is hidden and waiting to be toggled by the trigger</div> 

情報が隠され、W3Cによって定義されているよう href属性はあなたのアンカータグに中に含まれていなければならない

Answer 1

のために何を探しているいるようそれ以外の場合クリックイベントを発生させません。あなたがしたい場合href="javascript:"を使用し、代わりに＃の

<a href="#">click me</a> 

<script> 
$(document).ready(function() { 
    $("a").click(function(e) { 
     e.preventDefault(); // prevent the default behavior (scrolling to the top) 
     // perform other code 
    }); 
}); 
</script> 

Answer 2

を切り替えることを待っています標準。ただし、href="#'を使用する必要はありません。 href="javascript:void(0)"を使用することもできます。

また、標準を気にしない場合は、hrefを省略することもできますが、カーソルは通常のハイパーリンクのようにポインタに変更されません。あなたのアンカーのCSSにユーザcursor:pointerが必要です。

Answer 3

書き込みアンカータグ

<a href="javascript:" id="myAnchorTagId">my anchor tag <a> 

Answer 4

event.PrevenDefaultこの

href="javascript:" 

例えば、あなたはあなたがアンカーの "HREF" 属性を設定する必要がありhttp://api.jquery.com/event.preventDefault/

Answer 5

：スクロール動作の使用でpreventDefaultを停止します。

Answer 6

... href = "＃"属性のため、ページの先頭に戻ってきます。

あなたはJavaScriptを経由してアンカーをクリックを処理している場合は、イベントハンドラで（リンクをたどっている）デフォルトのアクションをキャンセルするevent.preventDefault();またはreturn false;のいずれかを使用します。

JavaScriptを無効にしているユーザーがページを使用できるように、リンクが本当にどこかにリンクされているようにするのが最も良い方法です（JavaScriptが合理的に必要なウェブアプリケーションではなく、それがあるかどうかをチェックし、見つからない場合は素晴らしいメッセージを表示してください）。したがって、href="#"の代わりに、意味のないところでは、実際にはあなたに意味のある  —を渡してください（ハンドラでevent.preventDefault();またはreturn false;を使用してJavaScriptでオーバーライドしてください）。

Answer 7

jQueryを使用する場合、強制的にhref = "＃"を使用しますか？

いいえこれはひどい習慣です。 Build on things that work。

私が最初に気がついた問題は、ボタンのタグを使用すると開くとすぐに閉じられることです。アンカータグを使用するとうまく動作します。

cancel the default actionに何もしていないので、フォームを送信しているようです。

第二の問題は、私はページをスクロールダウンしている場合にアンカータグを打つことである（サーバ側の代替ではJavaScriptと同じことをしないようにまた、あなたがprogressiveされていないので、音）その下に何かを切り替えると、href = "＃"属性のためにページの先頭に戻ります。

URL「#」は、「現在のページの先頭」を意味します。 JSの実行後にリンクを辿らないようにするには、上記のようなデフォルトのアクションを防ぐ必要があります。

はHREF =のようなものに私のhrefポイント

はい "＃はdivThatWillBeToggled" 必要があります。 divはデフォルトでCSSで隠されていないはずです（ただし、JSではすぐに非表示にすることができます）。そうすれば、JSが利用できない場合でも表示されたままになります。

私はtoggleTriggerにタグを使用する必要がありますか？私は使用タグを使用できませんか？

HTMLはすべてタグに関するものです。あなたの最後の質問は理にかなっていません。