jquery - jquery on および jquery 複合セレクターの使用

Question

私はこのセレクターを持っています:

このようなスラッシュで始まるページの周りにアンカーがあります

<a href="/projects/case-study/">Link to case study</a>

そして、私は彼らが働かないようにするためにこれを持っています。

$("body").on("click", "a[href^='/']", function(e){
   return false;
});

これは、最新のすべてのブラウザーと IE10、9、8 では機能しますが、7 では機能しません。

なぜこれが考えられるのでしょうか？

Answer 1

なぜあなた(ミス?) は return false を使用していますか?を呼び出すと、次のタスクが実行されますreturn false。

1. event.preventDefault();
2. event.stopPropagation();
3. コールバックの実行を停止し、呼び出されるとすぐに戻ります。

デフォルトの動作をキャンセルするために必要な唯一のアクションは、preventDefault().

   e.preventDefault ? e.preventDefault() : e.returnValue = false;

したがって、次のようになる可能性があります。

$("body").on("click", "a[href^='/']", function(e){
   e.preventDefault();
});