使用javascript打开2个带一个链接的窗口

时间:2014-02-08 16:38:12

标签: javascript jquery html5

有没有人知道为什么以下代码不起作用(OSX Lion中的Google Chrome):

我有一个链接:

<a id="testlink" href="">TEST</a>

我希望它使用jQuery打开2个新窗口:

$testlink = $("#testlink");

var urlList = "http://www.cnn.com,http://www.foxnews.com"

function openLinks() { 
    $.each( urlList.split( "," ), 

    function( index, item ) 
    { window.open( item, "_blank" ) }
    ); 

}

$($testlink).click(openLinks);

另外,只使用2次window.open不起作用。

我一直在寻找如何做到这一点,所以我希望有人能够回答。

我知道这段代码有效,但只有一半,因为它确实打开了第一个网址而只是跳过第二个网址。

也许我也应该告诉我在这里要做什么。我想找到一种方法,让用户可以下载一些东西,然后得到一个感谢页面。从这里开始我将直接进入直通下载链接+感谢您在新窗口中的页面。所以我不希望用户必须点击别的东西才能得到谢谢:)

提前致谢, 卡罗琳

2 个答案:

答案 0 :(得分:0)

这是有用的尝试这个

<强> CODE

$(document).ready(function(){
$testlink = $("#testlink");

var urlList = "http://www.cnn.com,http://www.foxnews.com"

function openLinks() { 
    $.each( urlList.split( "," ), 

    function( index, item ) 
    { window.open( item, "_blank" ) }
    ); 

}

$($testlink).click(openLinks);
})

小提琴http://jsfiddle.net/krunalp1993/zXd4D/

答案 1 :(得分:0)

您的代码运行正常。见http://jsfiddle.net/HGWNw/

我建议改变这一行

$($testlink).click(openLinks);

到这个

$testlink.click(openLinks);

由于$testlink已经是jQuery对象。它不会破坏你的代码,但它更具可读性。

您的问题可能是由于您的浏览器设置阻止弹出窗口。在我的Chrome中,第一个链接在新标签页中打开,第二个链接在新窗口中打开。