So stoppen Sie das Laden von Links mit jQuery

Während der eigentlichen Entwicklung ist ein Problem aufgetreten. Klicken Sie vorher auf das Miniaturbild, um ein größeres Bild anzuzeigen.
Einige Benutzer verwenden alte Versionen von IE-Browsern oder Benutzer deaktivieren die JavaScript-Funktion.

Wenn Sie sich ausschließlich auf js verlassen, um den Effekt zu erzielen, können einige Benutzer die Website möglicherweise nicht normal nutzen (es kann sein, dass es immer weniger solcher Benutzer gibt).

Eine Technologie, die wir verwenden müssen, ist ablenkungsfreies JavaScript.

Wenn JS nicht unterstützt wird, springt die Seite zu einer anderen Webseite

HTML-Code

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

Verwenden Sie das -Tag, einschließlich < ;img>-Tag. Mit dieser Methode können auch Browser, die js nicht unterstützen, große Bilder sehen.

Wenn Sie jedoch direkt auf das Bild klicken, wird auf die durch das Tag angegebene Webseite gesprungen.

Wenn Sie den Sprung verhindern möchten, gibt es unten zwei Methoden.

Methode 1: Geben Sie einen falschen zurück

jQuery-Code

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

Methode 2: Verwenden Sie die Funktion „preventDefault()“

jQuery-Code

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

Die beiden oben genannten Methoden können Linksprünge wirksam verhindern.

Es ist zu beachten, dass in der ersten Methode die „return false;“-Anweisung die letzte Zeile der Funktion sein muss, da der JavaScript-Parser die Funktion beendet, sobald er auf die return-Anweisung trifft.

Das obige ist der detaillierte Inhalt vonSo stoppen Sie das Laden von Links mit jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!