当前位置: 首页 > news >正文

jQuery动态生成元素无法绑定事件的解决办法

第一篇博文,进这个大观园,一来希望自己的一些经验可以帮到大家,二来也乐于跟大家交流分享。文中如有谬误,恳请大方之家指正。

昨天动态生成了一系列的<a>,生成后用class选择器选择出来后,发现只有不是动态生成的代码,才可以注册onclick。即

当我用$(".MyClass").click(function(){

  //statements.

});

注册事件后,动态生成的元素并不能执行事件中的方法。

然后到网上查找,说用bind来绑定是不行的。要用live方法。

我一试,发现自己的版本1.11.1不支持此方法,而是用on方法代替了。

接着又试on方法,还是不行。

末了,试了一种方法,发现可以执行。代码如下:

//解锁按钮
var aUnlock=$("<a>").addClass("unlock").attr("href","#").attr("onclick","unlock(event,8888)");
//将<a>添加到li,并添加到列表中。
 $("<li>").addClass("opt").wrapInner(aModify).append(aUnlock).appendTo(ulList);

unlock是一个函数,带两个参数,可以把自己想要添加的属性添加到这里面。

这样,动态加载的元素就可执行注册的方法了。
如果大家有什么更好的解决方法烦请多多交流沟通。

 

转载于:https://www.cnblogs.com/zhaojianrun/p/4091249.html

相关文章:

  • BZOJ3998:[TJOI2015]弦论(SAM)
  • tablelayout高度问题
  • JQuery Event属性说明
  • 【跃迁之路】【733天】程序员高效学习方法论探索系列(实验阶段490-2019.2.23)...
  • 转 Vlan
  • k8s健康检查(七)--技术流ken
  • php-configure错误解决
  • docker 9 docker的容器命令
  • oracle导入导出
  • 工作中对git使用的总结
  • 注册InstallShield Limited Edition for Visual Studio 时无法选择国家解决方法
  • AJAX CRUD
  • 等保2.0 | 几维安全发布等保检测、等保加固专版 加速企业等保合规
  • jq+css+html简单实现导航下拉菜单
  • 使用docker-compose进行多节点部署
  • css系列之关于字体的事
  • django开发-定时任务的使用
  • Java精华积累:初学者都应该搞懂的问题
  • js中的正则表达式入门
  • laravel with 查询列表限制条数
  • Objective-C 中关联引用的概念
  • OSS Web直传 (文件图片)
  • rabbitmq延迟消息示例
  • Synchronized 关键字使用、底层原理、JDK1.6 之后的底层优化以及 和ReenTrantLock 的对比...
  • 读懂package.json -- 依赖管理
  • 给Prometheus造假数据的方法
  • 函数式编程与面向对象编程[4]:Scala的类型关联Type Alias
  • 快速构建spring-cloud+sleuth+rabbit+ zipkin+es+kibana+grafana日志跟踪平台
  • 普通函数和构造函数的区别
  • 前端js -- this指向总结。
  • 如何进阶一名有竞争力的程序员?
  • 文本多行溢出显示...之最后一行不到行尾的解决
  • 用mpvue开发微信小程序
  • # 手柄编程_北通阿修罗3动手评:一款兼具功能、操控性的电竞手柄
  • #162 (Div. 2)
  • (3)选择元素——(14)接触DOM元素(Accessing DOM elements)
  • (react踩过的坑)antd 如何同时获取一个select 的value和 label值
  • (第一天)包装对象、作用域、创建对象
  • (附源码)spring boot基于小程序酒店疫情系统 毕业设计 091931
  • (附源码)springboot车辆管理系统 毕业设计 031034
  • (转)机器学习的数学基础(1)--Dirichlet分布
  • .bat批处理(十):从路径字符串中截取盘符、文件名、后缀名等信息
  • .gitignore
  • .NET 中使用 TaskCompletionSource 作为线程同步互斥或异步操作的事件
  • []利用定点式具实现:文件读取,完成不同进制之间的
  • [17]JAVAEE-HTTP协议
  • [2669]2-2 Time类的定义
  • [android]-如何在向服务器发送request时附加已保存的cookie数据
  • [AutoSAR系列] 1.3 AutoSar 架构
  • [C++数据结构](31)哈夫曼树,哈夫曼编码与解码
  • [ChromeApp]指南!让你的谷歌浏览器好用十倍!
  • [CVPR 2023:3D Gaussian Splatting:实时的神经场渲染]
  • [Err] 1055 - Expression #1 of ORDER BY clause is not in GROUP BY clause and contains nonaggregated c
  • [HackMyVM]靶场Crossbow
  • [Linux] Boot分区满了的处理方法 The volume boot has only 0 bytes disk space remaining