使用Jquery在href链接上打开一个弹出窗口[重复]答案

【问题标题】：Using Jquery to open a pop up on an href link [duplicate]使用Jquery在href链接上打开一个弹出窗口[重复]
【发布时间】：2018-04-05 21:07:47
【问题描述】：

我在 1 个表单中有 2 个循环，每个循环中都会创建一个链接。第一个循环上的第一个链接打开一个弹出窗口，但所有其他链接将打开一个新页面。不知道为什么所有链接都没有在弹出窗口中打开

<script>
$(document).ready(function() {
$('#Popup').click(function() {
    var newwindow = window.open($(this).prop('href'), '', 
   'height=800,width=800');
    if (window.focus) {
        newwindow.focus();
    }
    return false;
});
});
</script>

<form method='post' target = '_blank'>

foreach(do something){ 
echo "<a href='newpage1.php?cmd=get stuff" id='Popup''>View</a>";
}

foreach(do something){ 
echo "<a href='newpage2.php?cmd=get stuff" id='Popup''>View</a>";
}
</form>

【问题讨论】：

标签： javascript jquery

【解决方案1】：

每个链接应该有相同的class，而不是相同的id（ID 必须是唯一的）。

<a href="newpage1.php?cmd=get stuff" class="Popup">View</a>

然后，在您的 javascript 中，使用类选择器。

$('.Popup').click(function() {
  // Will be applied to all in class
});

【讨论】：

谢谢。做到了。