Webdesign, Tutorials und mehr - Webmasterpro.de

jQuery: Externe Links im neuen Fenster öffnen

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.

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:

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.

Kommentare: jQuery: Externe Links im neuen Fenster öffnen