Javascript jQuery click listener在'；这是不应该的

对于以下代码块，当我第一次按下

#transfer button

时，它会用正确的对话框发出警报，但在刷新页面之前第二次执行时，它会继续按顺序单击第一个对话框，直到单击最后一个对话框。例如，我按下“WIlliam”，它会弹出一个对话框，上面写着“WIlliam”，然后我按下“Lucy”，会弹出一个对话框，上面写着“WIlliam”，一旦关闭，“Lucy”也会立即弹出。我该如何解决这个问题

$("#person1").click(function () {
$("#transfer-info").html("Transfer to Lucy.");
$("#transfer-button").click(function () {
    alert("Lucy");
})
})
$("#person2").click(function () {
$("#transfer-info").html("Transfer to William.");
$("#transfer-button").click(function () {
    alert("William");
})
})

试一试

---

切换时，您只需添加另一个事件监听器，因此最终会有多个事件监听器，并同时启动它们

你可以这样做

$("#person1").click(function () {
    $("#transfer-button").unbind('click');
    $("#transfer-info").html("Transfer to Lucy.");
    $("#transfer-button").click(function () {
        alert("Lucy");
    });
});

$("#person2").click(function () {
    $("#transfer-button").unbind('click');
    $("#transfer-info").html("Transfer to William.");
    $("#transfer-button").click(function () {
        alert("William");
    });
});

$("#person1").click(function () {
    $("#transfer-button").unbind('click');
    $("#transfer-info").html("Transfer to Lucy.");
    $("#transfer-button").click(function () {
        alert("Lucy");
    });
});

$("#person2").click(function () {
    $("#transfer-button").unbind('click');
    $("#transfer-info").html("Transfer to William.");
    $("#transfer-button").click(function () {
        alert("William");
    });
});