`
445822357
  • 浏览: 730998 次
文章分类
社区版块
存档分类
最新评论

关于js动态生成元素,注册(绑定)的事件失效的解决(on)

 
阅读更多

如有转载,请标明来自此出处http://blog.csdn.net/qxs965266509,必须注意!

jQuery 1.9 较之前的版本做了很大的调整,很多函数都不被支持。
例如 live(),die(),toggle(),sub(),$.browser 等等都已经被移除,完整的更新内容见 http://jquery.com/upgrade-guide/1.9/ (英文)。
 
在不改变你网站代码的同时,要使用 1.9 之后的版本,你需要使用 jQuery Migrate(转移、过度),详见 http://blog.jquery.com/2013/01/31/jquery-migrate-1-1-0-released/ (英文)。
 
Migrate 应该只是暂时性的。为了和 jQuery 保持同步,建议你从现在开始根据 1.9 的改变重写你网站的所有代码。
所以针对你的引入的jQuery的版本的不同,用法就大不相同了。
所以之前你的代码如果是
 
$("#title").live("click", function() {
    //...
});
 
现在要写成
 
$("#title").on("click", function() {
    //...
});
 
对于js动态生成的元素要使用 live,要写成
 
$(document).on("click", "#ele", function() {
    //...
});
我的案例
给class等于groupTitleLetter注册了双击事件
$(document).on('dblclick', ".groupTitleLetter", (function () {
//...
});
效果很好。

如有转载,请标明来自此出处http://blog.csdn.net/qxs965266509,必须注意!


分享到:
评论

相关推荐

    js 给动态生成的DOM绑定事件

    web前端的朋友们,经常会遇到给由后台返回的数据遍历生成的DOM绑定事件,但是总是绑定不上,那是因为把事件直接绑定到了动态生成的DOM上了,正确的方式是利用事件冒泡给其父元素绑定,这样才能解决问题的哦!

    关于动态生成dom绑定事件失效的原因及解决方法

    下面小编就为大家带来一篇关于动态生成dom绑定事件失效的原因及解决方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    jQuery给动态添加的元素绑定事件的方法

    本文实例讲述了jQuery给动态添加的元素绑定事件的方法。分享给大家供大家参考。具体分析如下: jquery中绑定事件一般使用bind,或者click,但是这只能是对已经加载好的元素定义事件,那些后来添加插入的元素则需要...

    AngularJS实现给动态生成的元素绑定事件的方法

    我们知道在jQuery中,动态生成一个元素,如果要在动态生成元素的同时,动态绑定事件,可以通过live/on方法(在jquery3.0中已经废除了bind方法)。 2 . 在AngularJS中,操作DOM一般在指令中完成,事件监听机制是在...

    JS中动态添加事件(绑定事件)的代码

    两种方式:直接给对象添加事件,节点添加事件 例如给一个id为tab1的添加onclick事件 第一种情况: 代码如下: var t = document.getElementById(“tab1”); t.onclick = function tst(){ alert(”); } 第二种...

    layui动态绑定事件的方法

    今天小编就为大家分享一篇layui动态绑定事件的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    js绑定事件,并动态传参

    js绑定事件,并动态传参,比如绑定click事件。js绑定事件,并动态传参,比如绑定click事件。 js绑定事件,并动态传参,比如绑定click事件

    vue动态生成dom并且自动绑定事件

    用jquery的时候你会发现,页面渲染后动态生成的dom,在生成之前的代码是没办法取到相应对象的,必须重新获取.但是vue基于数据绑定的特性让它能生成的时候直接绑定数据。 html: <input type=text v-model...

    Delphi 动态绑定事件处理函数过程

    Delphi 动态绑定事件 指定事件处理函数过程 绑事事件自定义函数过程 测试完全可用,含源码文本.

    解决jquery appaend元素中id绑定事件失效的问题

    1. 在jquery中append元素,如果该元素中有id值并且绑定事件,那么该id事件会失效,必须刷新一下才能使用。 2.解决办法: 举例:如果在一个”title”>中,通过append添加一个id=”demo”的按钮,常用的直接$(...

    JS动态添加元素及绑定事件造成程序重复执行解决

    主要给大家介绍了关于JS动态添加元素及绑定事件造成程序重复执行的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起看看吧。

    jQuery动态生成的元素绑定事件操作实例分析

    主要介绍了jQuery动态生成的元素绑定事件操作,结合实例形式分析了jQuery事件绑定的原理及动态生成的元素绑定事件相关操作技巧,需要的朋友可以参考下

    C#根据文件Doc(Xml)动态生成按钮Buttons并绑定事件

    WinForm按钮控件,通过读取文档的按钮Buttons数据,重写Button类动态生成按钮,绑定按钮事件。

    js实现动态创建的元素绑定事件

    下面小编就为大家带来一篇js实现动态创建的元素绑定事件。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    jquery html动态添加的元素绑定事件详解

    在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况: <ul></ul> 假设我们要给ul动态添加的绑定click事件形成如下结果 <li name=apple>apple <li name=pear>pear [removed] function test...

    C# WinForm 用MenuStrip动态生成菜单并动态加载事件

    C# WinForm 用MenuStrip动态生成菜单并动态加载事件

Global site tag (gtag.js) - Google Analytics