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

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(),但在父元素上使用它来委托事件,如下所示:

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