Comment arrêter le chargement des liens avec jQuery

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.

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>

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;
});

Méthode 2 : Utiliser la fonction PreventDefault()

code jQuery

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

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!