jQuery: Externe Links im neuen Fenster öffnen

0 | 9128 Aufrufe
Sie können diese Wikiseite nach der Anmeldung auf Webmasterpro bearbeiten. Helfen Sie mit und verbessern Sie "jQuery: Externe Links im neuen Fenster öffnen" mit Ihrem Wissen!

Anzeige Hier werben

Häufig sollen externe Links in einem neuen Fenster bzw. Tab geöffnet werden. Bei XHTML besteht zusätzlich auch das Problem, dass das Attribut "target" nicht mehr valide ist. Beides kann mit einer kleinen jQuery-Funktion elegant gelöst werden.

 
JavaScript
1
2
3
4
5
$(document).ready(function(){
    $('a.external').click(function() {
            this.target = "_blank";
        });
});

Fügt man diese jQuery-Funktion auf seiner Webseite ein werden alle Links, welche die CSS-Klasse "external" besitzen in einem neuen Fenster bzw. Tab geöffnet:

 
HTML
1
<a href="..." class="external">Externer Link</a>

$(document).ready bewirkt dabei, dass die in der Klammer definierte Funktion nach dem Laden der Webseite ausgeführt wird. Über $('a.external').click wird allen Links mit der Klasse "external" bei Ausführung des Klick-Events das Target-Attribut zugewiesen. Der jQuery-Selektor "a.external" kann dabei natürlich durch jeden beliebigen anderen jQuery-Selektor ausgetauscht werden.


Wikiseite bearbeiten

Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher hat 1 Person an der Seite "jQuery: Externe Links im neuen Fenster öffnen" mitgewirkt.

Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "jQuery: Externe Links im neuen Fenster öffnen" hier bearbeiten.

Mitarbeiter
  • ist Software-Entwickler und hat sich auf Web-Entwicklung (Front- und Backend) spezialisiert.