JS动态生成元素鼠标响应方法 .live()
2013-11-26 17:05
253 查看
$("#element").live('click', function () { // });jQuery在动态生成HTML元素后,如果该元素集合中有鼠标点击CLICK事件,这时点击无响应,需要用到.live()方法使生成的动态元素依然保持页面装载后的效果,使鼠标点击事件生效.
如果js版本是1.9以后的,最好用
$("#element").on('click', function () {
//
});
代替。
为了防止多个事件执行,可以先用die()
$("#element").die().live('click', function () {
//
});
die()不加参数默认是去掉之前绑定的所有事件。如果不带参数,则所有绑定的live事件都会被移除。你可以解除用live注册的自定义事件。如果提供了type参数,那么会移除对应的live事件。如果也指定了第二个参数function,则只移出指定的事件处理函数。
相关文章推荐
- JS动态生成的元素,其对应的方法不响应(比如单击事件,鼠标移动事件等)
- jquery1.9以上 动态生成元素 live和on失效的解决方法
- jQuery向动态生成的内容添加事件响应(jquery live方法简介)
- 详解jQuery向动态生成的内容添加事件响应jQuery live()方法
- jQuery向动态生成的内容添加事件响应(jquery live方法简介)
- jquery1.9以上 动态生成元素 live和on失效的解决方法
- 详解jQuery向动态生成的内容添加事件响应jQuery live()方法
- js 使用js的CreateElement方法创建元素、样式表动态引入
- JS控制网页动态生成任意行列数表格的方法
- js动态取页面元素位置的方法
- jQuery为动态生成的select元素添加事件的方法
- 动态生成js类的实现方法
- 使用jquery on()方法为动态生成的元素绑定事件
- jQuery使用on()方法给动态生成元素绑定事件
- js动态生成form 并用ajax方式提交的实现方法
- JS中动态创建元素的三种方法
- js动态生成的元素绑定事件
- 动态生成html添加响应事件和css样式时处理方法
- js动态添加元素之后jquery mobile不能正确渲染解决方法 和 JM checked全选反选