7 Answer


8


理想的なhref属性は、JavaScriptが有効になっていない訪問者に対して同じアクションを実行するURLにリンクすることです。 それが不要な場合は、通常、 `href ="# "`を使用しますが、問題はありません。


6


私の提案は、javascriptが完全にオフになった場合に「正しいことをする」アクションにリンクを移動させることです。 つまり、可能な場合はクライアント側のアクションと同じ効果、または同じ効果が得られる一連の手順と同じ効果が得られるということです。 これが不可能または望ましくない場合は、ハンドラが適用されるまでリンクを表示しないでください。 つまり、最初に「 display:none;」とし、イベントハンドラが適用された後に「show()」を実行します。

Add Another


   $(function() {
       $('.add-item').click( function() {
           ...
           return false; // important!
       });
       $('.javascript-only').show();
  });


4


私は通常これを行います…​

Foo

そして、クリックイベントを処理するときは、必ず(falseを返すかpreventDefaultを呼び出して)キャンセルしてください。

JavascriptDisabled.htmページには、「この機能を使用するにはJavascriptを有効にする必要があります」などのわかりやすいメッセージがあります。


1


単一の `#`でページの先頭にジャンプすることが心配な場合は、アンカーにname属性を指定して、 `#anchor-name`を使用してください。


1


オクトソープ(#)=は、「ページのトップ」にリンクするためのずさんな方法であり、実際にはもう使い道がありません。 これを使用すると、使いやすさとアクセシビリティの問題が発生する可能性があります。

リンクが実際にHTMLリンクのように動作しない場合は、HTMLリンクであってはなりません。

リンクの場合、href属性に有効なURIが含まれている必要があります。

null hrefが絶対に必要な場合は、ちょうどhref = "javascript :;"を使用する必要があります。


1


別の可能性は、の代わりに ``要素を使用して使用することです :hover to style it link a link (change color, underline, show a hand カーソル、またはあなたが好きなもの)。 サイト内の他のリンクのスタイルをすでに設定している場合、これはうまく機能します。 ブラウザ/ユーザーが指定したとおりにリンクを表示することを許可している場合、この偽のリンクはおそらくサイト内の実際のリンクとは異なるように見えます。

HTML:

add another

CSS:

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


0


`…​`そして、クリックされたときにfalseを返すためにjavascriptを控えめに使用し、まだリンクを設定していないことを確認します。