Link öffnen in neuem Fenster mit Jquery

Ich versuche zu öffnen, ein paar links in einem neuen Fenster mit Jquery statt _blank, damit meine html-bleibt gültig. Mein code sieht wie folgt aus:

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

Das funktioniert gut, außer wenn Sie auf den link enthaltenen html ich auf die Seite mit der Jquery load () - Methode. Kann mir jemand erklären, warum, und bitte helfen Sie mit einer Lösung?

InformationsquelleAutor mtwallet | 2010-04-09

jquery load

15

Update:, Wenn Sie dies Lesen, in einer HTML5+ Welt die target - Attribut ist nicht mehr veraltet (nicht mehr fehlen, um genauer zu sein) als es wurde in XHTML 1.0 (der ursprüngliche Kontext der Frage). Ich schlage vor, wenn Sie das jetzt Lesen, ignorieren Sie alles unter, verwenden Sie die target Attribut, ob es wirft ein compliance-Warnung oder nicht, alle Browser unterstützen es und es sollte nie vergessen wurde...die Tatsache, dass es Hinzugefügt wurde, wieder in einem späteren spec zeigt das entfernen es ein Fehler war.

Dies funktionieren wird:
```
$('a#external-url').live('click', function(){
  $(this).attr('target','_blank');
});
```
Jedoch, IDs sollten eindeutig sein, wenn Sie laden, mehr als 1, Sie brauchen, um eine Klasse statt, so wie hier:
```
<a href="http://google.com" class="exteral-url">Google</a>
```
Und jQuery wie diese:
```
$('a.external-url').live('click', function(){
  $(this).attr('target','_blank');
});
```
Den Normen konformen Weg wäre:
```
$('a.external-url').live('click', function(e){
  window.open(this.href);
  e.preventDefault(); //or return false;
});
```
- noch einmal vielen Dank!
- -1 _blank veraltet! Auch wenn Sie arbeiten rund um die Validierung durch hinzufügen des Attributs mit einem Skript.
- Ich war die Befestigung das Problem des auf nicht verbindlich durch den AG. Wenn Sie das umgehen möchten, die Validierung, das ist Ihre Berufung, nicht mein zu machen, die Frage ist, über die javascript nicht funktioniert. Als seitliche Anmerkung, normal dem würde ich Zustimmen, aber _blank als veraltet, wurde ein leicht verzögertes Fehler auf W3C Teil. Ich Wette, Sie $100, die in 5 Jahren von heute alle Browser noch unterstützen _blank.
- Ich muss zugeben ich war midly überrascht, als ich fand heraus, über diese selbst, aber wir können nicht wählen, welche Normen zu ignorieren, jetzt können wir ... wollten chaneg die Stimme nach unten, aber es ist zu alt seufz
- Bearbeitet, ergänzt die standards compliant, es ist ein durchaus guter Punkt 🙂
- Geändert, +1 😀
- Diese Antwort ist falsch, es sei denn, Sie verwenden so etwas wie XHTML 1.1/2, siehe meine Antwort unten.
- Ich fügte hinzu, ein update mit mehr Infos, ich Stimme zu, jemand zu finden das ist heute besser dran, ignoriert diese Antwort und mit dem target Attribut unabhängig von Warnungen. Zu der Zeit der original-Antwort war es nicht sicher, es würde wieder Hinzugefügt werden, um die XHTML-Spezifikation...oder was die Zukunft von HTML5 wurde. Nun, dass wissen wir beide, können wir sicher sagen, dass die Einhaltung der XHTML 1.0 strict-Spezifikation ist eine völlig unnötige Komplikation.
InformationsquelleAutor Nick Craver

$(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/

InformationsquelleAutor Sinan

1

Verwenden .live()
```
$('a[id="external-url"]').live("click", function(){
        $(this).attr('target','_blank');
    });
```
Code binden Sie auf Ereignis, um Elemente, die verfügbar sind auf der Seite zu laden und nicht zu dynamisch erstellten Elementen. Live-binden events an Elementen, die dynamisch erstellt auch.

InformationsquelleAutor rahul
1

Im Gegenteil, was andere glauben, die target Attribut mit all seine Werte sind nicht veraltet als je HTML5-Spezifikation.

Lesen Sie es hier: http://dev.w3.org/html5/markup/a.html

Dem target-Attribut für das a element war veraltet in einem früheren
HTML-version, aber ist nicht mehr veraltet, da es sinnvoll im Web
Anwendungen, insbesondere in Kombination mit dem iframe-element.

So, fühlen Sie sich frei, um es in HTML5.
- Genial! Sieht aus wie W3C-Ihre Fehler erkannt 😛
- Dies ist nicht ganz korrekt (mit Bezug auf den ursprünglichen Zusammenhang dieser Frage). Es war nicht (fehlen, aber du wirst es hören, als veraltet) in XHTML, es ist re-Hinzugefügt in XHTML später (die ich Stimme völlig mit, es sollte nie als veraltet in den ersten Platz).
- Ja, es war veraltet, aber jetzt, in HTML5 ist es erlaubt.
InformationsquelleAutor Tower

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.