javascript - jQuery 单击事件无法使用 setInterval 替换链接

Question

我正在用 javascript 制作一个增量游戏，所以我一直在替换页面中的一些链接，这些链接显示出非常奇怪的行为。我用 .on( 附加点击事件，有时点击事件被触发，有时不触发，这是非常随机的。 Here是该行为的一个明显例子。我可以想象这与时间间隔有关，因为如果我将间隔设置为 1000 毫秒，则事件总是会被触发。当然，我可以对代码进行一些更改，以便不替换链接而仅更新它，但我想先知道这是否可以修复。

HTML:

<div id="container"><a id="link" href="#">test</a></div>

JS:

$(document).ready(function(){
$("#container").on("click","#link",function(){
    alert("clicked");
});
setInterval(function(){
    var newA = $("#link").clone();
    $("#link").remove();
    $("#container").append(newA);
},100);});

jsFiddle 中的示例: http://jsfiddle.net/MtR6b/1/

谢谢!!

Answer 1

您的 setInterval 代码非常快 100 毫秒，这就是为什么当事件即将触发时，元素被替换为新的，因此 点击事件未触发。

尝试点击链接多次，您将看到警报。

<小时/> DEMO with 1000ms=1s setInterval