it-swarm.com.de

jQuery: gehe zu URL mit target = "_ blank"

Ich verwende dieses bisschen jQuery-Code, um den Link von href zu erhalten:

var url = $(this).attr('href');

- und dieses bisschen Code, um zu diesem href zu gelangen:

window.location = url;

Alles ist genau so, wie ich es will, außer die neue Seite wird in demselben Fenster wie die vorherige geöffnet, und ich möchte, dass sie in einem neuen Fenster oder Tab geöffnet wird (etwas, das in normaler HTML mit Ziel = erreicht worden wäre. " _blank "Formel). 

Frage: Wie kann ich die href im neuen Fenster oder Tab mit jQuery öffnen?

Danke für deine Hilfe!

54

Sie müssen ein neues Fenster öffnen:

window.open(url);

https://developer.mozilla.org/en-US/docs/DOM/window.open

77

Benutzen,

var url = $(this).attr('href');
window.open(url, '_blank');

Update : Die Variable href sollte besser mit prop abgerufen werden, da sie die vollständige URL zurückgibt und etwas schneller ist.

var url = $(this).prop('href');
55
brenjt

Frage: Wie kann ich die href im neuen Fenster oder Tab mit .__ öffnen. jQuery?

var url = $(this).attr('href').attr('target','_blank');
9
defau1t

Ermitteln Sie, ob ein Zielattribut verwendet wurde und "_blank" enthält. Für mobile Geräte, die "_blank" nicht mögen, ist dies eine zuverlässige Alternative.

    $('.someSelector').bind('touchend click', function() {

        var url = $('a', this).prop('href');
        var target = $('a', this).prop('target');

        if(url) {
            // # open in new window if "_blank" used
            if(target == '_blank') { 
                window.open(url, target);
            } else {
                window.location = url;
            }
        }           
    });
3
recurse

Mit der Funktion .ready wird das Attribut eingefügt, sobald die Seite vollständig geladen wurde.

$(document).ready(function() {
     $("class name or id a.your class name").attr({"target" : "_blank"})
})
1
Vidit Anjaria

Wenn Sie das Popup-Fenster mit jQuery erstellen möchten, müssen Sie ein Plugin verwenden. Es scheint, als würde es tun, was Sie wollen:

http://rip747.github.com/popupwindow/

Alternativ können Sie auch die JavaScript-Funktion window.open verwenden.

Beachten Sie, dass bei beiden Ansätzen das neue Fenster als Reaktion auf Eingaben/Aktionen des Benutzers geöffnet werden muss (z. B. ein Klick auf einen Link oder eine Schaltfläche). Andernfalls blockiert der Popup-Blocker des Browsers das Popup-Fenster.

1
aroth

Versuchen Sie es mit folgendem Code.

$(document).ready(function(){
    $("a[@href^='http']").attr('target','_blank');
});
0
Lähîrü