解决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 相关文章推荐
jQuery实现的背景颜色渐变动画效果示例
Mar 24 jQuery
jQuery实现select下拉框获取当前选中文本、值、索引
May 08 jQuery
jquery插件开发之选项卡制作详解
Aug 30 jQuery
jQuery响应滚动条事件功能示例
Oct 14 jQuery
jQuery zTree 异步加载添加子节点重复问题
Nov 29 jQuery
jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法
Dec 05 jQuery
jQuery幻灯片插件owlcarousel参数说明中文文档
Feb 27 jQuery
jquery使用echarts实现有向图可视化功能示例
Nov 25 jQuery
jQuery 选择方法及$(this)用法实例分析
May 19 jQuery
JS JQuery获取data-*属性值方法解析
Sep 01 jQuery
如何使用jQuery操作Cookies方法解析
Sep 08 jQuery
jQuery实现简单弹幕制作
Dec 10 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
ThinkPHP5.1框架数据库链接和增删改查操作示例
2019/08/03 PHP
php实现简单四则运算器
2020/11/29 PHP
Extjs 几个方法的讨论
2010/01/28 Javascript
jQuery之网页换肤实现代码
2011/04/30 Javascript
escape函数解决js中ajax传递中文出现乱码问题
2014/10/30 Javascript
JavaScript获取网页中第一个链接ID的方法
2015/04/03 Javascript
js正则表达式验证邮件地址
2015/11/12 Javascript
JavaScript如何禁止Backspace键
2015/12/02 Javascript
AngularJS 表达式详细讲解及实例代码
2016/07/26 Javascript
JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
2016/08/05 Javascript
Vue.js每天必学之指令系统与自定义指令
2016/09/07 Javascript
Angular2使用Angular CLI快速搭建工程(一)
2017/05/21 Javascript
jQuery实现一个简单的验证码功能
2017/06/26 jQuery
图片懒加载imgLazyLoading.js使用详解
2020/09/15 Javascript
在 webpack 中使用 ECharts的实例详解
2018/02/05 Javascript
ajax跨域访问遇到的问题及解决方案
2019/05/23 Javascript
angular6开发steps步骤条组件
2019/07/04 Javascript
vue-router 路由传参用法实例分析
2020/03/06 Javascript
解决vue使用vant下拉框van-dropdown-item 绑定title值不变问题
2020/08/05 Javascript
JavaScript 常见的继承方式汇总
2020/09/17 Javascript
Python的Django框架安装全攻略
2015/07/15 Python
Tensorflow使用tfrecord输入数据格式
2018/06/19 Python
python3中的eval和exec的区别与联系
2019/10/10 Python
python的scipy实现插值的示例代码
2019/11/12 Python
django 中使用DateTime常用的时间查询方式
2019/12/03 Python
python中安装django模块的方法
2020/03/12 Python
linux centos 7.x 安装 python3.x 替换 python2.x的过程解析
2020/12/14 Python
英国网上花店:Bunches
2016/11/29 全球购物
ECCO爱步加拿大官网:北欧丹麦鞋履及皮具品牌
2017/07/08 全球购物
英国羊绒服装购物网站:Pure Collection
2018/10/22 全球购物
C语言如何决定使用那种整数类型
2016/11/26 面试题
信息专业学生学习的自我评价
2014/02/17 职场文书
公司聘任书模板
2014/03/29 职场文书
优秀共产党员先进事迹材料
2014/05/06 职场文书
幼儿园教师个人工作总结2015
2015/05/12 职场文书
2016公司年会主持词
2015/07/01 职场文书