单击鼠标不按预期工作

Question

<ul>
<li>
<a href='javascript:;' class='close'>close</a>
<a>openId</a>
</li>
</ul>

我想在点击a.close时删除li元素.li生成动态，这意味着每次生成新的li时，我都会做这样的事情。

$("a.close").unbind("click").click(function(){
    console.log("close click");
})

然而，它没有按预期工作，当我在chrome控制台中键入$("a.close").click()时，它按预期打印“关闭点击”，但是当我用鼠标点击a.close区域时，它没有显示任何内容，这意味着事件没有触发。

js的点击功能与使用手的mouce点击有什么区别？

Answer 1

当您将任何deleteIfNotInvolvedInAnyGames绑定到任何HTML元素时，它都可以正常运行...但是一旦从event中删除该元素并再次将相同元素添加到DOM中，您需要绑定再次单击该事件以获取该新添加的元素。所以变得困难......而不是这个...你可以DOM点击事件（ 如下 ）然后不需要一次又一次地绑定事件...任何新添加的HTML元素也将获得相同的事件......

注意： - 请注意，在绑定时不应存在应匹配的元素（在本例中为a.close）（因此它也适用于动态添加的元素）。

您只需要在下面注册点击事件......

register