使用Jquery在href链接上打开弹出窗口

时间:2017-10-24 22:49:36

标签: javascript jquery

我在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>

1 个答案:

答案 0 :(得分:0)

每个链接应该具有相同的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
});