2017-10-08 30 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嘿感谢,但仍然只是在同一窗口中打开链接,我试图打开它在一个新的标签,试图创建“target = _blank”事件 –

+0

使用这个''window.open('https://link.com','_blank');'' –

回答

3

您可以使用window.open

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

这个作品完美,谢谢! –

2

您可以使用此:

window.open('url', '_blank'); 
+0

这工作完美,谢谢! –

1

window.open

用这个代替location.href

window.open(strUrl, strWindowName[, strWindowFeatures]); 

示例

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

这工作完美,谢谢! –

+0

'_blank'不需要作为window.open()的第二个参数。只要没有设置“宽度”或“高度”,窗口将打开全尺寸(新选项卡)。 –

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');