jQueryでリンクの読み込みを停止する方法-jsチュートリアル-php.cn

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

(*-*)浩

リリース： 2019-05-28 16:04:39

オリジナル

2330 人が閲覧しました

実際の開発中に問題が発生しました。サムネイルをクリックして大きな画像を表示する前に。
一部のユーザーは古いバージョンの 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>

ログイン後にコピー

ジャンプを防ぎたい場合は、以下の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 サイトの他の関連記事を参照してください。

php 8、私も来ます