ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryでリンクの読み込みを停止する方法

jQueryでリンクの読み込みを停止する方法

(*-*)浩
(*-*)浩オリジナル
2019-05-28 16:04:392336ブラウズ

実際の開発中に問題が発生しました。サムネイルをクリックして大きな画像を表示する前に。
一部のユーザーは古いバージョンの IE ブラウザを使用しているか、JavaScript 機能をオフにしています。

jQueryでリンクの読み込みを停止する方法

効果を実現するために完全に js に依存している場合、一部のユーザーは Web サイトを正常に使用できない可能性があります (そのようなユーザーはますます減少する可能性があります)。

使用する必要があるテクノロジーの 1 つは、目立たない JavaScript です。

JS がサポートされていない場合、ページは別の Web ページにジャンプします

HTML コード

<a href="../_images/large/slide1.jpg"> 
   <img src="../_images/small/slide1.jpg" alt="golf balls">
</a>

タグ (< を含む) を使用してください;img>タグ。この方法を使えば、jsをサポートしていないブラウザでも大きな画像を見ることができます。

ただし、画像を直接クリックすると、 タグで指定された Web ページにジャンプします。

ジャンプを防ぎたい場合は、以下の2つの方法があります。

方法 1: falseを返します

jQuery コード

$('a').click(function(evt){ 
   return false;
});

方法 2:PreventDefault() 関数を使用します

jQuery コード

$('a').click(function(evt){
   evt.preventDefault();
});

上記の 2 つの方法により、リンク ジャンプを効果的に防ぐことができます。

メソッド 1 では、JavaScript パーサーが return ステートメントに遭遇すると関数を終了するため、「return false;」ステートメントは関数の最後の行である必要があることに注意してください。

以上がjQueryでリンクの読み込みを停止する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。