jQueryのハイパーリンク-href。

StackOverflow https://stackoverflow.com/questions/720970

  •  05-09-2019
  •  | 
  •  

質問

自分のページで使用しjQueryをフックのイベントの要素、すなわちリンク.これらのハイパーリンクのみを実行する現在のページではなく、どこにでもっていa href属性に"#"：

<a href="#">My Link</a>

しかしお使いのブラウザによっては、この原因は、ページ右にスクロールが最も望ましくない行動である。また利用空href値、または含まないものその後のマウスは変わらない手にカーソルを受で推移.

何をすべきかあるのですか？

役に立ちましたか？

解決 

$('a').click(function (event) 
{ 
     event.preventDefault(); 
     //here you can also do all sort of things 
});

次に、あなたが好きなすべてのhrefの中に置くことができるとjQueryはpreventDefault()メソッドをトリガーすると、あなたがその場所にリダイレクトされることはありません。

他のヒント

それは、彼らが実際にあるものだので、

クリックイベントを提供するためだけに存在しますが、実際には他のコンテンツにリンクしていないもの「アンカー」は、本当にボタンの要素である必要があります。

それはそうのようにスタイルすることができます：

<button style="border:none; background:transparent; cursor: pointer;">Click me</button>

そしてもちろん、クリックイベントは、トップへのジャンプブラウザの心配なしボタンに取り付けられており、そのようなonclickの=「return false;」をとして余分なJavaScriptを追加することなくすることができますまたはevent.preventDefault（）。

あなたは本当にそこに本当のリンクを置く必要があります。私はPEDANTような音にしたくないが、それはに入るためにかなり悪い癖です。 jQueryとAjaxのはいつもあなたが実装する最後のものでなければなりません。あなたは何-どこに行くんリンクを持っている場合は、右のそれをやっていません。

私は、私はすべての最高の意思であることを意味する、あなたのボールをつぶしていませんよ。

なぜ<a href>を使うのか？

：私はこのようにそれを解決します

<span class='a'>fake link</span>

ととスタイル、それをます：

.a {text-decoration:underline; cursor:pointer;}

あなたは簡単にjQueryを使ってアクセスすることができます：

$(".a").click();

あなたのクリックハンドラの最後にfalseを返します、これはページをリダイレクトしようとしているに発生するブラウザのデフォルトのハンドラを防止します：

$('a').click(function() {
// do stuff
return false;
});

jqueryのを使用して、あなただけの「＃」

とのそれらを取得することもできます 
$('a[href=#]').click(function(){return false;});

あなたは、最新のjQuery（1.3.xの）を使用する場合は、ページの変更、再びそれをバインドする必要はありません。

$('a[href=#]').live('click', function(){return false;});

あなたは<a href="javascript:void(0)" ></a>を使用する必要があります 代わりに<a href="#" ></a>の

単に代わりに<a href="#">を使用し、トップにドキュメントの位置をスクロールから<a href="#/">を防ぐために：誰もが以前ここでそれを言わない理由

ワンダー。それは単なるHTMLですが、何のjQueryのは必要ありません。 event.preventDefault();を使用すると、あまりにも多くのです！

ごきげんよう、トメ子ですがなんと、あのような簡単です。

削除は、"href"完全な追加クラスは、次の操作を実行します:

.no-href { cursor:pointer: }

しようとしています。

I ほとんどがこの問題 ことができ非常に 航.私が提供する答え合う風に同じ位置にします。

  1. I 思想 私はこの問題
  2. でも、使っていた場合はfalseを返すとjavascript:void(0);
  3. そして明確な差が問題に保表面:
  4. それなのに、私の問題ゾーンに近く、ページ最下部ではその不思議や面白いです
  5. 私は使っていたfadeIn()[jQueryライブラリ"は、短時間に私のコンテンツを表示す:なし
  6. そして私のコンテンツのページの!がどのようにジャンプ！
  7. 利用の隠れた視認性の切り替え。

武器agiは、dexで下がらないboxerぐのとこだわったジャンプ!!

の代わりにあなたは、単に以下のようなのhrefを持つことができます：

<a href="javascript:;">My Link</a>

これは、一番上にスクロールしません。

<a href="#nogo">My Link</a>
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top