Heim > Web-Frontend > js-Tutorial > Hauptteil

So stoppen Sie das Laden von Links mit jQuery

(*-*)浩
Freigeben: 2019-05-28 16:04:39
Original
2361 Leute haben es durchsucht

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.

So stoppen Sie das Laden von Links mit jQuery

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>
Nach dem Login kopieren

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;
});
Nach dem Login kopieren

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

jQuery-Code

$('a').click(function(evt){
   evt.preventDefault();
});
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage