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

深藏阁楼爱情的钟 2022-05-13 00:08 184阅读 0赞

## 如有转载，请标明来自此出处[http://blog.csdn.net/qxs965266509][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][http_blog.csdn.net_qxs965266509]，必须注意！ ##

[http_blog.csdn.net_qxs965266509]: http://blog.csdn.net/qxs965266509

发表评论取消回复

表情：

评论列表（有 0 条评论，184人围观）

还没有评论，来说两句吧...

相关阅读

相关 Jquery中$("").事件()和$("").on("事件","指定的元素",function(){});的区别(jQuery动态绑定事件)...

这个是在学习时不懂的问题，记录下来方便查看转至[https://www.cnblogs.com/mr-wuxiansheng/p/7136864.html][https_w

深藏阁楼爱情的钟/ 2023年08月17日 17:03/ 0 赞/ 101 阅读

相关 jquery html动态添加的元素绑定事件

在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况: <div id="testdiv"> <ul></ul> </div> 假设我们要给ul动

喜欢ヅ旅行/ 2022年08月11日 00:50/ 0 赞/ 221 阅读

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

如有转载，请标明来自此出处[http://blog.csdn.net/qxs965266509][http_blog.csdn.net_qxs965266509]，必须注意！

深藏阁楼爱情的钟/ 2022年05月13日 00:08/ 0 赞/ 185 阅读

相关 jquery动态添加元素绑定事件click，bind，live，on

一、普通绑定 $("button").click(function(){ $("p").hide(); }); 在上面的例子中，当按钮的

ゝ一纸荒年。/ 2022年04月12日 13:36/ 0 赞/ 431 阅读

相关【JS】论元素的绑定和解绑事件

前言在JS的学习过程中，我们会了解到DOM，了解到元素，那么如何对一个元素进行绑定事件呢？事件绑定完之后可不可以解绑呢？都有什么方法呢？这都是今天我们要学习的内容。

以你之姓@/ 2022年03月25日 11:10/ 0 赞/ 233 阅读

相关 js动态新增元素，绑定事件不起作用失效问题

利用on绑定方法，如下代码（说明：.uploadImg是新增元素；）核心重点：.sendList是页面一直存在的元素，这样才能给动态元素一直绑定事件；终极办法：$('b

谁借莪１个温暖的怀抱￠/ 2022年02月28日 09:52/ 0 赞/ 478 阅读

相关 js动态循环绑定事件的变量问题，动态循环添加元素并绑定事件出现重复的问题

在编写JS的时候我们经常会遇到要对一系列元素进行事件绑定，循环对元素的事件进行赋值，在这个过程中我们会遇到一个问题，那就每个元素事件运行的时候变量怎么都是相同的值。这里涉及

迷南。/ 2022年02月24日 06:00/ 0 赞/ 282 阅读

相关 JQuery中解决动态生成HTML绑定JS事件不生效的问题

前端请勿取笑！前端请勿取笑！前端请勿取笑！本人很少写前端页面的，被逼无奈。这个坑我也是翻遍了网上博客，问了多个朋友，此问才得以释然。我这边有环境依赖问题，代码贴出来也没多大用处

迈不过友情╰/ 2021年11月06日 00:48/ 0 赞/ 663 阅读

相关 jq 给动态渲染的元素绑定事件

1. 语法 > $(selector).on(event,childSelector,data,function,map)　如下 $('div'

桃扇骨/ 2021年09月17日 20:04/ 0 赞/ 492 阅读

相关 jQuery on()方法绑定动态元素的点击事件无响应的解决办法

$('check_all').on('click' , function(){ alert(1); }); $("yujinlist").app

淡淡的烟草味﹌/ 2021年09月12日 07:46/ 0 赞/ 272 阅读