解决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实现一个简单的验证码功能
Jun 26 jQuery
jQuery常见面试题之DOM操作详析
Jul 05 jQuery
使用jQuery实现动态添加小广告
Jul 11 jQuery
jQuery实现节点的追加、替换、删除、复制功能示例
Jul 11 jQuery
jQuery中.attr()和.data()的区别分析
Sep 03 jQuery
JS和jQuery通过this获取html标签中的属性值(实例代码)
Sep 11 jQuery
简单实现jquery隔行变色
Nov 09 jQuery
jquery 输入框查找关键字并提亮颜色的实例代码
Jan 23 jQuery
jQuery中元素选择器(element)简单用法示例
May 14 jQuery
jQuery实现参数自定义的文字跑马灯效果
Aug 15 jQuery
jQuery md5加密插件jQuery.md5.js用法示例
Aug 24 jQuery
基于jquery实现九宫格拼图小游戏
Nov 30 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 面向对象程序设计(oop)学习笔记 (四) - 异常处理类Exception
2014/06/12 PHP
php采用curl访问域名返回405 method not allowed提示的解决方法
2014/06/26 PHP
PHP中提问频率最高的11个面试题和答案
2014/09/02 PHP
PHP实现指定字段的多维数组排序函数分享
2015/03/09 PHP
详解WordPress开发中wp_title()函数的用法
2016/01/07 PHP
php脚本运行时的超时机制详解
2016/02/17 PHP
汇总PHPmailer群发Gmail的常见问题
2016/02/24 PHP
jQuery DOM操作实例
2014/03/05 Javascript
Javascript中的异步编程规范Promises/A详细介绍
2014/06/06 Javascript
JS+CSS实现感应鼠标渐变显示DIV层的方法
2015/02/20 Javascript
jQuery xml字符串的解析、读取及查找方法
2016/03/01 Javascript
js多功能分页组件layPage使用方法详解
2016/05/19 Javascript
Vue.js每天必学之构造器与生命周期
2016/09/05 Javascript
简单的vue-resourse获取json并应用到模板示例
2017/02/10 Javascript
解决JS内存泄露之js对象和dom对象互相引用问题
2017/06/25 Javascript
webpack引入eslint配置详解
2018/01/22 Javascript
vue计算属性和监听器实例解析
2018/05/10 Javascript
[01:14:30]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第二场 8.20.mp4
2019/08/22 DOTA
python使用xauth方式登录饭否网然后发消息
2014/04/11 Python
浅析Python的Django框架中的Memcached
2015/07/23 Python
Python设计模式之观察者模式简单示例
2018/01/10 Python
pytorch使用Variable实现线性回归
2019/05/21 Python
使用Python合成图片的实现代码(图片添加个性化文本,图片上叠加其他图片)
2020/04/30 Python
如何理解python面向对象编程
2020/06/01 Python
python实现学生成绩测评系统
2020/06/22 Python
Python 程序报错崩溃后如何倒回到崩溃的位置(推荐)
2020/06/23 Python
一款纯css3实现的响应式导航
2014/10/31 HTML / CSS
三年级音乐教学反思
2014/01/28 职场文书
幼儿园国庆节活动方案
2014/02/01 职场文书
银行内勤岗位职责
2014/04/09 职场文书
网页美工求职信范文
2014/04/17 职场文书
环保宣传标语
2014/06/12 职场文书
红色影片观后感
2015/06/18 职场文书
浅谈如何提高PHP代码质量之单元测试
2021/05/28 PHP
Java 在生活中的 10 大应用
2021/11/02 Java/Android
Go语言的协程上下文的几个方法和用法
2022/04/11 Golang