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


Posted in jQuery onSeptember 12, 2017

1. 在jquery中append元素,如果该元素中有id值并且绑定事件,那么该id事件会失效,必须刷新一下才能使用。

2.解决办法:

举例:如果在一个<div class="title"></div>中,通过append添加一个id="demo"的按钮,常用的直接$("Selector").on("eventType",function(){})监听事件函数不起作用,例如该按钮的点击监听事件应该这样写:

$(".title").on("click", "#demo", function(){});

以上这篇解决jquery appaend元素中id绑定事件失效的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
QRCode.js:基于JQuery的生成二维码JS库的使用
Jun 23 jQuery
基于jQuery实现手风琴菜单、层级菜单、置顶菜单、无缝滚动效果
Jul 20 jQuery
解决jquery appaend元素中id绑定事件失效的问题
Sep 12 jQuery
jQuery EasyUI window窗口使用实例代码
Dec 25 jQuery
深入浅析angular和vue还有jquery的区别
Aug 13 jQuery
jQuery AJAX与jQuery事件的分析讲解
Feb 18 jQuery
jquery简单实现纵向的无缝滚动代码实例
Apr 01 jQuery
详解jquery和vue对比
Apr 16 jQuery
jQuery单页面文字搜索插件jquery.fullsearch.js的使用方法
Feb 04 jQuery
jquery实现点击弹出对话框
Feb 08 jQuery
jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析
Apr 04 jQuery
jQuery实现影院选座订座效果
Apr 13 jQuery
JS和jQuery通过this获取html标签中的属性值(实例代码)
Sep 11 #jQuery
利用JQuery操作iframe父页面、子页面的元素和方法汇总
Sep 10 #jQuery
jQuery事件对象的属性和方法详解
Sep 09 #jQuery
详解jquery插件jquery.viewport.js学习使用方法
Sep 08 #jQuery
jQuery选择器中的特殊符号处理方法
Sep 08 #jQuery
JQuery 获取多个select标签option的text内容(实例)
Sep 07 #jQuery
jQuery UI Draggable + Sortable 结合使用(实例讲解)
Sep 07 #jQuery
You might like
php session_start()关于Cannot send session cache limiter - headers already sent错误解决方法
2009/11/27 PHP
php 数组使用详解 推荐
2011/06/02 PHP
php中使用in_array() foreach array_search() 查找数组是否包含时的性能对比
2015/04/14 PHP
IE8 引入跨站数据获取功能说明
2008/07/22 Javascript
利用腾讯的ip地址库做ip物理地址定位
2010/07/24 Javascript
jQuery中add实现同时选择两个id对象
2010/10/22 Javascript
javascript smipleChart 简单图标类
2011/01/12 Javascript
查看大图功能代码jquery版
2013/11/05 Javascript
js创建对象的区别示例介绍
2014/07/24 Javascript
json对象与数组以及转换成js对象的简单实现方法
2016/06/24 Javascript
后端接收不到AngularJs中$http.post发送的数据原因分析及解决办法
2016/07/05 Javascript
AngularJS ng-app 指令实例详解
2016/07/30 Javascript
关于两个jQuery(js)特效冲突的bug的解决办法
2016/09/04 Javascript
jquery.Jcrop结合JAVA后台实现图片裁剪上传实例
2016/11/05 Javascript
jQuery Easyui datagrid行内实现【添加】、【编辑】、【上移】、【下移】
2016/12/19 Javascript
原生javascript实现图片放大镜效果
2017/01/18 Javascript
基于vue2实现左滑删除功能
2017/11/28 Javascript
对vue中v-on绑定自定事件的实例讲解
2018/09/06 Javascript
vue 移动端注入骨架屏的配置方法
2019/06/25 Javascript
微信小程序获取位置展示地图并标注信息的实例代码
2019/09/01 Javascript
Vue.js实现立体计算器
2020/02/22 Javascript
Vue中keep-alive 实现后退不刷新并保持滚动位置
2020/03/17 Javascript
[01:22:29]真视界:2019年国际邀请赛总决赛
2020/01/29 DOTA
在Django框架中伪造捕捉到的URLconf值的方法
2015/07/18 Python
python实现简单淘宝秒杀功能
2018/05/03 Python
python读取ini配置的类封装代码实例
2020/01/08 Python
在python里使用await关键字来等另外一个协程的实例
2020/05/04 Python
python操作redis数据库的三种方法
2020/09/10 Python
加拿大领先的优质厨具产品在线购物网站:Golda’s Kitchen
2017/11/17 全球购物
MATCHESFASHION.COM法国官网:英国奢侈品零售商
2018/01/04 全球购物
strstr()的简单实现
2013/09/26 面试题
婚前财产公证书
2014/04/10 职场文书
北京英文导游词
2015/02/12 职场文书
教师节慰问信
2015/02/15 职场文书
四大名著读书笔记
2015/06/25 职场文书
OpenCV-Python模板匹配人眼的实例
2021/06/08 Python