javascript - jQuery 点击功能不适用于我的 div

Question

我正在使用雪花效果 javascript。想让每个薄片都可以点击，但我不知道我在这里做错了什么......

$('#flake').click(function(e) {  
  alert("Test");
});

这是代码 http://codepen.io/anon/pen/eBVJjB 谢谢!

Answer 1

有几个问题。

• 唯一ID
• 事件委托(delegate)

薄片应该有它们自己的唯一选择器，在这种情况下可能是一个类。 <div class="flake"> . ID 应该是唯一的，而在您的代码笔中它们不是。

您拥有的点击事件仅与分配时 DOM 中存在的具有 id flake 的一个 div 相关联，由于延迟，可能没有。相反，事件应该委托(delegate)给所有薄片，最好使用上面描述的类选择器

$("body").on("click",".flake",function(e){
    alert('clicked');
});