Link in neuem Fenster mit Jquery öffnen

Question

Ich versuche, ein paar Links in einem neuen Fenster zu öffnen, indem ich Jquery anstelle von _blank verwende, damit mein HTML gültig bleibt. Mein Code sieht wie folgt aus:

$(document).ready(function() { 
    $('a[id="external-url"]').click(function(){ 
     $(this).attr('target','_blank'); 
    }); 
}); 

Dies funktioniert gut, außer wenn der Link im HTML enthalten ist, ich auf der Seite platziert haben die JQuery load() -Methode verwendet wird. Kann jemand erklären warum und bitte helfen Sie mit einer Lösung?

Answer 1

Update: Wenn Sie dies in einer HTML5 + Welt gerade lesen the target attribute is no longer deprecated (no longer missing, to be more accurate) als it was in XHTML 1.0 (den ursprünglichen Kontext Frage). Ich schlage vor, wenn Sie dies jetzt lesen, ignorieren alles unter, Verwenden Sie das target Attribut, ob es eine Kompatibilitätswarnung oder nicht wirft, unterstützen alle Browser es und es hätte nie ausgelassen werden müssen ... die Tatsache war es hinzugefügt in einer späteren Spezifikation zeigt das Entfernen war ein Fehler.

---

Diese Arbeit wird:

$('a#external-url').live('click', function(){ 
    $(this).attr('target','_blank'); 
}); 

Allerdings sollten IDs eindeutig sein, wenn Sie mehr als 1 einlegen, müssen sie stattdessen eine Klasse haben, wie folgt aus:

<a href="http://google.com" class="exteral-url">Google</a> 

Und jQuery wie folgt aus:

$('a.external-url').live('click', function(){ 
    $(this).attr('target','_blank'); 
}); 

Die standardkonforme Art und Weise wäre:

$('a.external-url').live('click', function(e){ 
    window.open(this.href); 
    e.preventDefault(); //or return false; 
}); 

Answer 2

Verwenden .live()

$('a[id="external-url"]').live("click", function(){ 
     $(this).attr('target','_blank'); 
    }); 

Ihr Code wird binden Ereignis auf Elemente klicken, die auf der Seite zu laden verfügbar sind und nicht dynamisch erstellt Elemente. Live bindet Ereignisse an Elemente, die auch dynamisch erstellt werden.

Answer 3

$(function(){ 
    $('a[id="external-url"]').click(function(){ 
     window.open(this.href); 
     return false; 
    }); 
}); 

http://snipplr.com/view/4626/jquery-snip--open-link-in-new-window/

Answer 4

Im Gegenteil, was andere glauben, das target Attribut mit all seinen Werten nicht veraltet per HTML5-Spezifikation sind.

Sie können es über hier lesen: http://dev.w3.org/html5/markup/a.html

Das Zielattribut auf dem ein Element wurde in einer früheren Version von HTML veraltet, wird aber nicht mehr weiterentwickelt, wie es in Web Anwendungen nützlich, insbesondere in Kombination mit dem iframe-Element.

Also, fühlen Sie sich frei, es in HTML5 zu verwenden.