在彈出窗口中打開href鏈接

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

在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中，而是使用data-添加類或ID，以便您可以在該類/ ID上附加jQuery事件處理程序，然后使用數據創建新窗口。 將數據想象為data-destination =“ http：//www.destination”。

那應該解決您的問題。