2017-10-08 15 views
0

Divのクリック可能なリンクを作成して、新しいタブにリンクしようとしています。これまでのところ、私はdiv要素のクリッカブルを作り、jQuery全体divを_blankでクリック可能なリンクにする

このコードで新しいリンクに
$(document).ready(function(){ 
     $('.wish-list').click(function(){ 
      location.href = 'https://link.com' 
    }) 
    }); 

を送ってきたこれは、あなたがリンクに上にあるページを送信して動作しますが、私は同じアクションをやりたいが、新しいタブを開きました。

ありがとうございました。

+0

使用し 'てみてください'window.location.href =" http://link.com ";' ' –

+0

@RakeshRajちょっと感謝していますが、それはまだ同じウィンドウでリンクを開いているだけで、新しいタブで開こうとしています、 –

+0

この '' window.open( 'https://link.com'、 '_blank'); '' –

答えて

3

あなたはwindow.openを使用することができます。

window.open("http://link.com", "_blank"); 
+0

これは完全に動作します、ありがとうございます! –

2

あなたは、この使用することができます。この代わりにLOCATION.HREF

window.open(strUrl, strWindowName[, strWindowFeatures]); 
window.open('url', '_blank'); 
+0

これは完全に動作します、ありがとう! –

1

window.open

使用を例

window.open('http://www.google.com','_blank'); 
+0

これは完全に動作します、ありがとう! –

+0

'_blank'は' window.open() 'の2番目のパラメータとしては必要ありません。 'width'や' height'が設定されていない限り、ウィンドウはフルサイズ(新しいタブ)になります。 –

0

window.open()を使用する必要があります。以下のスニペットが原因サンドボックスにスタックオーバーフロースニペット環境では動作しませんが、あなたはそれがhereを働く見ることができます:

$(function(){ 
 
    $('.link').on("click", function(){ 
 
    window.open(this.dataset.url); 
 
    }); 
 
});
.link { 
 
    cursor:pointer; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="link" data-URL="http://espn.com">ESPN</div>

0

この

window.open('url', '_blank'); 
関連する問題