2017-01-13 6 views
0

このフォーラムではうまくいくはずの方法がいくつか見つかりましたが、うまくいきません。 リンクを押すと、新しいウィンドウで新しいウィンドウが開きます。JQueryとのリンクから新しいウィンドウを開く

私のHTMLコードは次のとおりです。

<!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> 

そして、私のjQueryコード:

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

はあなたが機能を書きましたが、どこから呼び出していましたか?さらに、この機能を準備機能にバインドします。なぜあなたは 'html'に同じ属性を入れませんか? – Vineet

+0

それは問題です、私はJQueryで新しく、私はそれをどのように呼び出すべきかを理解するために問題があります... – Waltswen

+1

質問はあいまいですが、これがうまくいかない理由はたくさんあります:1- 'Navigering.js' 404に戻ります。2 - コードに問題があると構文エラーがあります。 3 DOM内にウィンドウロードが必要ない –

答えて

1

:その場合は次のように使用することができ

<!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

それはあなたに役立つ場合は、マークをしてください.. –

-1

コードは次のようになります。

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

編集:

このソリューションがうまく機能しない場合、後でリンクを動的に読み込む可能性がありますか?この場合、このスクリプトは新しい追加リンクを検出せず、変更されないためです。コードの下に試してみてください。このため

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

DOMがすべてのイメージとリソースで完全に準備ができたら、ウィンドウロードが起動します。 –

+0

ありがとう、それは動作しません..私はこのソリューションをたくさん見ましたが、私はそれが私のために働くようには得られません.. – Waltswen

関連する問題