Maison > interface Web > js tutoriel > le corps du texte

Comment arrêter le chargement des liens avec jQuery

(*-*)浩
Libérer: 2019-05-28 16:04:39
original
2237 Les gens l'ont consulté

J'ai rencontré un problème lors du développement réel. Avant de faire un clic sur la vignette pour visualiser une image plus grande.
Certains utilisateurs utilisent d'anciennes versions des navigateurs IE ou désactivent la fonction JavaScript.

Comment arrêter le chargement des liens avec jQuery

Si vous comptez entièrement sur js pour obtenir cet effet, certains utilisateurs pourraient ne pas être en mesure d'utiliser le site Web normalement (il peut y avoir de moins en moins d'utilisateurs).

Une technologie que nous devons utiliser est le JavaScript sans distraction.

Si JS n'est pas pris en charge, la page passera à une autre page Web

Code HTML

<a href="../_images/large/slide1.jpg"> 
   <img src="../_images/small/slide1.jpg" alt="golf balls">
</a>
Copier après la connexion

Utilisez la balise En utilisant cette méthode, les navigateurs qui ne prennent pas en charge js peuvent également voir de grandes images.

Mais si vous cliquez directement sur l'image, elle accédera à la page Web spécifiée par la balise .

Si vous souhaitez empêcher le saut, il existe deux méthodes ci-dessous.

Méthode 1 : Renvoyer un faux

code jQuery

$('a').click(function(evt){ 
   return false;
});
Copier après la connexion

Méthode 2 : Utiliser la fonction PreventDefault()

code jQuery

$('a').click(function(evt){
   evt.preventDefault();
});
Copier après la connexion

Les deux méthodes ci-dessus peuvent empêcher efficacement les sauts de lien.

Il convient de noter que dans la première méthode, l'instruction "return false;" doit être la dernière ligne de la fonction, car une fois que l'analyseur JavaScript rencontre l'instruction return, il quittera la fonction.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!