博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery新增元素on click无效
阅读量:5122 次
发布时间:2019-06-13

本文共 1152 字,大约阅读时间需要 3 分钟。

使用jquery on click时出现的情况,由于下面的 view_qrocode 按钮是通过js新增加的

  在绑定 on click事件时,点击按钮不起作用

$(".view_qrcode").on('click',function(){        var str=$(this).attr('value');        // //清空二维码        $("#erWeiMa").empty();        //生成二维码        $("#erWeiMa").qrcode({            render:"table",            text:utf16to8(str)        });    });

  

后来考虑到这个元素是新增的,所以使用代理方法 delegate(), click事件可以用了。 注意:事件需要绑定到它的父级或者body

$("body").delegate(".view_qrcode",'click',function(){        var str=$(this).attr('value');        // //清空二维码        $("#erWeiMa").empty();        //生成二维码        $("#erWeiMa").qrcode({            render:"table",            text:utf16to8(str)        });    });

  

在jQuery 3.0中,.delegate()已被标记为弃用。从jQuery 1.7开始,它已经被方法取代。所以我们不建议使用该方法。但是,对于早期版本,它仍然是使用事件代理(委派)最有效的方式。事件绑定和代理(委派)的更多信息请查看方法。

所以还是用on()方法,仍然要绑定到父级或者 body

$("body").on('click',".view_qrcode",function(){        var str=$(this).attr('value');        // //清空二维码        $("#erWeiMa").empty();        //生成二维码        $("#erWeiMa").qrcode({            render:"table",            text:utf16to8(str)        });    });

  

转载于:https://www.cnblogs.com/yuanlipu/p/7251450.html

你可能感兴趣的文章
vim 把满足条件的数字进行加上一些数字
查看>>
●枚举、递归
查看>>
使用LSTM和Softmx来进行意图识别
查看>>
asp.net与oracle连接字符串
查看>>
opencv学习之路(4)、Mat类介绍,基本绘图函数
查看>>
POJ 1308
查看>>
Django+xadmin打造在线教育平台(二)
查看>>
BZOJ 4836: [Lydsy1704月赛]二元运算 分治FFT
查看>>
域名、网站名、URL
查看>>
Docker常用命令
查看>>
mysql几种存储引擎介绍
查看>>
转-Android客户端和服务端如何使用Token和Session
查看>>
IOS第14天(2, Modal控制)
查看>>
删除确认代码
查看>>
刻意练习
查看>>
学习笔记13_第三方js控件&EasyUI使用
查看>>
Java变量的初始化问题探究
查看>>
DSU on tree——令人惊叹的想法
查看>>
javascript 闭包
查看>>
约瑟夫环问题
查看>>