解决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 EasyUI 组件加上清除功能的方法(详解)
Apr 13 jQuery
node.js+jQuery实现用户登录注册AJAX交互
Apr 28 jQuery
jquery加载单文件vue组件的方法
Jun 20 jQuery
jQuery 实现图片的依次加载图片功能
Jul 06 jQuery
jQuery Position方法使用和兼容性
Aug 23 jQuery
使用jQuery实现页面定时弹出广告效果
Aug 24 jQuery
jQuery+CSS实现的table表格行列转置功能示例
Jan 08 jQuery
jQuery选择器之层次选择器用法实例分析
Feb 19 jQuery
jQuery实现滑动星星评分效果(每日分享)
Nov 13 jQuery
JQuery常用选择器功能与用法实例分析
Dec 23 jQuery
jQuery实现倒计时功能完整示例
Jun 01 jQuery
jquery插件实现代码雨特效
Apr 24 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原理之异常机制深入分析
2010/08/08 PHP
Session保存到数据库的php类分享
2011/10/24 PHP
洪恩在线成语词典小偷程序php版
2012/04/20 PHP
如何用php获取文件名后缀
2013/06/09 PHP
Yii核心验证器api详解
2016/11/23 PHP
PHP实现的多维数组排序算法分析
2018/02/10 PHP
JavaScript的面向对象(一)
2006/11/09 Javascript
javascript中的变量作用域以及变量提升详细介绍
2013/10/24 Javascript
jquery 日期控件datepicker属性详细解析
2013/11/08 Javascript
Javascript玩转继承(一)
2014/05/08 Javascript
js中定义一个变量并判断其是否为空的方法
2014/05/13 Javascript
javascript实用方法总结
2015/02/06 Javascript
JS选中checkbox后获取table内一行TD所有数据的方法
2015/07/01 Javascript
JavaScript类继承及实例化的方法
2015/07/25 Javascript
jQuery实现仿腾讯视频列表分页效果的方法
2015/08/07 Javascript
JS实现双击编辑可修改状态的方法
2015/08/14 Javascript
Bootstrap入门书籍之(五)导航条、分页导航
2016/02/17 Javascript
Angularjs实现多个页面共享数据的方式
2016/03/29 Javascript
AngularJS中的指令全面解析(必看)
2016/05/20 Javascript
浅析$.getJSON异步请求和同步请求
2016/06/06 Javascript
React 组件转 Vue 组件的命令写法
2018/02/28 Javascript
node.js爬取中关村的在线电瓶车信息
2018/11/13 Javascript
详解在Node.js中发起HTTP请求的5种方法
2019/01/10 Javascript
手挽手带你学React之React-router4.x的使用
2019/02/14 Javascript
[06:40]2014DOTA2西雅图国际邀请赛 DK战队巡礼
2014/07/07 DOTA
python取代netcat过程分析
2018/02/10 Python
Python实现求解一元二次方程的方法示例
2018/06/20 Python
Python绘图Matplotlib之坐标轴及刻度总结
2019/06/28 Python
解决使用python print打印函数返回值多一个None的问题
2020/04/09 Python
Python 用__new__方法实现单例的操作
2020/12/11 Python
计算机专业毕业生自荐信
2013/12/31 职场文书
解除劳动合同协议书
2014/09/17 职场文书
酒桌上的开场白
2015/06/01 职场文书
2016新春团拜会致辞
2015/08/01 职场文书
如何书写邀请函?
2019/06/24 职场文书
django中websocket的具体使用
2022/01/22 Python