解决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之动画ajax事件(实例讲解)
Jul 18 jQuery
jQuery EasyUI 折叠面板accordion的使用实例(分享)
Dec 25 jQuery
jQuery+ajax实现动态添加表格tr td功能示例
Apr 23 jQuery
jQuery实现每隔一段时间自动更换样式的方法分析
May 03 jQuery
jQuery实现侧边栏隐藏与显示的方法详解
Dec 22 jQuery
jquery的$().each和$.each的区别
Jan 18 jQuery
使用jquery的cookie实现登录页记住用户名和密码的方法
Mar 13 jQuery
JQuery特殊效果和链式调用操作示例
May 13 jQuery
jQuery中使用validate插件校验表单功能
May 24 jQuery
jQuery 实现DOM元素拖拽交换位置的实例代码
Jul 14 jQuery
jquery实现简单自动轮播图效果
Jul 29 jQuery
jQuery实现回到顶部效果
Oct 19 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异步调用socket实现代码
2012/01/12 PHP
php类中private属性继承问题分析
2012/11/01 PHP
php教程之魔术方法的使用示例(php魔术函数)
2014/02/12 PHP
php使用fgetcsv读取csv文件出现乱码的解决方法
2014/11/08 PHP
在WordPress的后台中添加顶级菜单和子菜单的函数详解
2016/01/11 PHP
Yii2.0多文件上传实例说明
2017/07/24 PHP
取得窗口大小 兼容所有浏览器的js代码
2011/08/09 Javascript
JS连接SQL数据库与ACCESS数据库的方法实例
2013/11/21 Javascript
js中的preventDefault与stopPropagation详解
2014/01/29 Javascript
深入剖析JavaScript中的枚举功能
2014/03/06 Javascript
jQuery响应鼠标事件并隐藏与显示input默认值
2014/08/24 Javascript
javascript实现点击提交按钮后显示loading的方法
2015/07/03 Javascript
JavaScript用select实现日期控件
2015/07/17 Javascript
Javascript之Number对象介绍
2016/06/07 Javascript
jQuery手指滑动轮播效果
2016/12/22 Javascript
原生和jQuery的ajax用法详解
2017/01/23 Javascript
JavaScript实现旋转轮播图
2020/08/18 Javascript
vue父组件异步获取数据传给子组件的方法
2018/07/26 Javascript
Vue.js的动态组件模板的实现
2018/11/26 Javascript
JS/HTML5游戏常用算法之路径搜索算法 A*寻路算法完整实例
2018/12/14 Javascript
JS使用队列对数组排列,基数排序算法示例
2019/03/02 Javascript
JS使用数组实现的队列功能示例
2019/03/04 Javascript
Vue  webpack 项目自动打包压缩成zip文件的方法
2019/07/24 Javascript
简单谈谈javascript高级特性
2019/09/04 Javascript
Python使用PyGreSQL操作PostgreSQL数据库教程
2014/07/30 Python
Python psutil模块简单使用实例
2015/04/28 Python
详解Python爬虫的基本写法
2016/01/08 Python
spyder常用快捷键(分享)
2017/07/19 Python
Django网络框架之创建虚拟开发环境操作示例
2019/06/06 Python
在 Python 中使用 MQTT的方法
2020/08/18 Python
爱国演讲稿500字
2014/05/04 职场文书
2015年元旦促销方案书
2014/12/09 职场文书
百年校庆宣传标语口号
2015/12/26 职场文书
2019各种承诺书范文
2019/06/24 职场文书
python实现黄金分割法的示例代码
2021/04/28 Python
详解解Django 多对多表关系的三种创建方式
2021/08/23 Python