jquery - 无法在动态创建的内容上设置单击事件处理程序

Question

我有一些这样的代码:

$('.play').on( 'click', function(){
    console.log('click');
});

.play元素是使用 $('.game').html('<span class="paly">Play</span>') 动态创建的方法。但是，当我单击此跨度时，我的控制台日志中没有任何内容。我做错了什么？

谢谢。

PS:我使用的是 jQuery 1.7.1

Answer 1

不要使用live() - 它已被弃用。而是使用 on()，但在父元素上使用它来将事件委托(delegate)给，如下所示:

$('#parentOfPlay').on('click', '.play', function(){
    console.log('click');
});