Jquery .on或.click函数仅适用于mysql echo行

Question

解决评论谢谢：）

我尝试了许多不同的版本，例如.click和.on但它只适用于第一个按钮而没有别的。

$(document).ready(function() {
    $("#RedeemCodeDiv").on("click", "button#delete", function() {
        alert("Clicked");
    });
});

这里是我的PHP，它正在回应那些打印出值的所有结果，一切看起来很好，就在我点击第二个删除代码按钮时没有任何反应

while($row = $result->fetch_assoc()) {
    if($row["status"]=="open") {
        echo('<div class="alert alert-success" role="alert" id="RedeemCodeDiv">
            Redeem Code: <strong>'.$row["RedeemCode"].'</strong>
            Status: <strong>'.$row["status"].'</strong>
            <button class="btn btn-danger" type="button" id="delete" value='.$row["id"].'>Delete Code <span id="loader"></span></button>
        </div>');
    }
}

Answer 1

1. 使用class而不是ID。
2. ID should be unique in context。
3. 将$("#RedeemCodeDiv").on("click", "button#delete", function() {更改为$(document).on("click", "button.delete", function() {
4. 将您的元素绑定到document，因为您的元素RedeemCodeDiv也是。{ 动态添加。