Question

我正在尝试在弹出窗口中打开链接，我写了这个静态HTML代码：

<a href="http://www.google.com" target="popup" 
    onclick="window.open('http://www.google.com','popup','width=600,height=600');   
    return false;"> Open Link in Popup
</a>

此代码有效，它会在弹出窗口中打开链接。

但是，如果我想在javascript（使用jquery）中添加此代码，请执行以下操作：

$('#services').append("<li><a href='http://www.google.com' target='popup' onclick='window.open('http://www.google.com','popup','width=600,height=600'); return false;'>Open Link in Popup</a></li>");

链接在新标签页中打开，而不是在弹出窗口中打开。

为什么？

Answer 1

Check this example on jsfiddle - 问题在引号中

$('#services').append("<a href='http://www.google.com' target='popup' onclick=window.open('http://www.google.com','popup','width=600,height=600'); return false;>Open Link in Popup</a>");

Answer 2

你错过了jQuery的onClick中的引号。更新脚本如下。

$('#services').append("<li><a href='http://www.google.com' onclick=\"window.open('http://www.google.com','popup','width=600,height=600'); return false;\">Open Link in Popup</a></li>");

Answer 3

更改算法，而不是将javascript放在onclick中，添加带有数据的类或ID，这样就可以在该类/ ID上附加jQuery事件处理程序，并使用数据创建新窗口。想象一下数据为data-destination =“http：//www.destination”。

那应该解决你的问题。

在弹出窗口中打开href链接

3 个答案: