2017-01-13 4 views
0

Ich habe einige Wege gefunden, die in diesem Forum funktionieren sollten, aber es wird nicht für mich arbeiten. Ich drücke auf einen Link und dann sollte ein neues Fenster in einem neuen Fenster geöffnet werden.Öffnen Sie ein neues Fenster von der Verknüpfung mit JQuery

Mein HTML-Code ist:

<!DOCTYPE html> 
    <html lang="sv-se"> 
    <head> 
    <meta charset="UTF-8"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script src="Navigering.js"></script> 
    <title>Navigering</title> 
</head> 
<html> 
<body> 
<h1>Navigering</h1> 
<a href="https://www.google.se/" alt="google">Link toGoogle</a> 
</body> 

Und mein JQuery-Code:

$(document).ready(function(){ 
function myFunction() { 
    $("a").attr('target','_blank'); 
} 
$(window).load(myFunction); 
} 
+0

Sie hat eine Funktion, aber wo es rief aus? Außerdem binden Sie diese Funktion in die Bereit-Funktion. Warum legst du nicht dasselbe Attribut in 'html'? – Vineet

+0

Das ist das Problem, ich bin neu in JQuery und ich habe ein Problem zu verstehen, wie ich es nennen sollte ... – Waltswen

+1

Die Frage ist vage, da viele mögliche Gründe dafür nicht funktionieren: 1- 'Navigering.js' könnte return 404. 2- Der Code hat einen Syntaxfehler wie in Frage gestellt. 3- Sie brauchen keine Fenster laden innerhalb DOM bereit –

Antwort

1

dies für Sie weiter unten Code versuchen:

<!DOCTYPE html> 
<html lang="sv-se"> 
<head> 
<meta charset="UTF-8"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script src="Navigering.js"></script> 
<title>Navigering</title> 
</head> 
<body> 
<h1>Navigering</h1> 
<a href="https://www.google.se/" onclick="window.open(this.href, 'newwindow', 'width=300, height=250'); return false;" alt="google">Link toGoogle</a> 
</body> 
</html> 

Here, If we click on "LinktoGoogle" link then it will open link in new window (also we can set height and width of new window) and there is no need to add any jquery code for this. 
+0

Bitte markieren Sie die Antwort, wenn es Ihnen hilft .. –

-1

Der Code sollte:

$(document).ready(function(){ 
    $("a").attr('target','_blank'); 
} 

Edit:

Wenn diese Lösung für Sie nicht funktioniert, können Sie die Links anschließend dynamisch laden? In diesem Fall erkennt das Skript die neu hinzugefügten Links nicht und sie werden nicht geändert. In diesem Fall können Sie den folgenden verwenden:

$(document).ready(function(){ 
    $('document').on('click','a', function() { 
     window.open($(this).attr('href')); 
     return false; 
    }); 
}); 
+2

Window Load wird ausgelöst, nachdem das DOM vollständig mit allen Bildern und Ressourcen bereit ist. –

+0

Danke, aber es wird nicht funktionieren .. Ich habe diese Lösung viel gesehen, aber ich bekomme es nicht für mich arbeiten .. – Waltswen

Verwandte Themen