javascript - JQuery - 链接上的 click() 函数可以识别某些链接，但不能识别其他链接

Question

我修改了此代码以确认单击链接时打开页面:

<a href="http://google.com" id="check">Visit Google!</a>

<script>
$('#check').click(function(e) {
e.preventDefault(); // Prevent the href from redirecting directly
var linkURL = $(this).attr("href");
warnBeforeRedirect(linkURL);
});

function warnBeforeRedirect(linkURL) {
swal({
title: "このリンク開けますか?", 
text: "If you click 'OK', you will be redirected to " + linkURL, 
type: "warning",
showCancelButton: true
}, function() {
// Redirect the user
window.location.href = linkURL;
});
}
</script>

这段代码被剪下来效果很好，因为它嵌入在我的index.php页面中。但是，另一个代码片段如下所示:

<a href='/classreg.php?studentid=<?php echo $row["studentid"]; ?>&classid=<?php echo $row["classID"]; ?>&furikae=2&class_time=<?php echo $datecheck; ?>' class="btn btn-warning" id="check">
<span class="glyphicon glyphicon-hand-right"></span>欠席 
</a>

不起作用。第一个链接调用该函数，而第二个链接则不调用该函数。

我认为肯定有什么东西妨碍了 id 标签的识别，但我不确定如何调试它，因为我对 JS 和 JQuery 还比较陌生。

如果我忘记添加任何重要信息，请告诉我。

谢谢。

Answer 1

在 id 选择器上使用 class 选择器。您不能为多个元素设置相同的 id。这就是您的第一个链接有效而其他链接无效的问题。

所以你的代码应该是这样的

<a href="http://google.com" class="check" id="check">Visit Google!</a>

和第二个href

<a href='/classreg.php?studentid=<?php echo $row["studentid"]; ?>&classid=<?php echo $row["classID"]; ?>&furikae=2&class_time=<?php echo $datecheck; ?>' class="btn btn-warning check" id="check1">

在js中使用$('.check')而不是$('#check')