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

我有一些像这样的代码
$('.play').on( 'click',function(){
    console.log('click');
});

.play元素是使用$(‘.game’).html(‘< span class =“paly”> Play< / span>‘)方法动态创建的.但是,当我点击此跨度时,我的控制台日志中没有任何内容.我究竟做错了什么?

谢谢.

PS:我正在使用jQuery 1.7.1

解决方法

不要使用live() – 它已被弃用.而是使用on(),但在父元素上使用它来委托事件,如下所示:
$('#parentOfPlay').on('click','.play',function(){
    console.log('click');
});

相关文章

jQuery插件的种类 1、封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进...
扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。 入门 编写一个jQuery插件开始于给...
最近项目中需要实现3D图片层叠旋转木马切换的效果,于是用到了jquery.roundabout.js。 兼容性如图: ht...
一、什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异...
AMD 模块 AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一...