解决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和CSS3实现APPLE TV海报视差效果
Jun 16 jQuery
基于jQuery实现手风琴菜单、层级菜单、置顶菜单、无缝滚动效果
Jul 20 jQuery
jQuery的时间datetime控件在AngularJs中的使用实例(分享)
Aug 17 jQuery
React中jquery引用的实现方法
Sep 12 jQuery
zTree jQuery 树插件的使用(实例讲解)
Sep 25 jQuery
认识jQuery的Promise的具体使用方法
Oct 10 jQuery
基于jQuery实现Ajax验证用户名是否可用实例
Mar 25 jQuery
jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】
Apr 26 jQuery
jQuery实现的页面弹幕效果【测试可用】
Aug 17 jQuery
为jquery的ajax请求添加超时timeout时间的操作方法
Sep 04 jQuery
jQuery超简单遮罩层实现方法示例
Sep 06 jQuery
jQuery实现B2B网站后台管理系统侧导航
Jul 08 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
星际中一些鲜为人知的详细资料
2020/03/04 星际争霸
深入理解PHP原理之异常机制
2010/08/21 PHP
PHP中使用gettext来支持多语言的方法
2011/05/02 PHP
关于PHP自动判断字符集并转码的详解
2013/06/26 PHP
PHP删除HTMl标签的三种解决方法
2013/06/30 PHP
Zend Framework实现具有基本功能的留言本(附demo源码下载)
2016/03/22 PHP
PHP入门教程之日期与时间操作技巧总结(格式化,验证,获取,转换,计算等)
2016/09/11 PHP
Jquery 获取checkbox的checked问题
2011/11/16 Javascript
javascript跑马灯悬停放大效果实现代码
2012/12/12 Javascript
jquery实现智能感知连接外网搜索
2013/05/21 Javascript
再谈Javascript中的基本类型和引用类型(推荐)
2016/07/01 Javascript
AngularJS ng-template寄宿方式用法分析
2016/11/07 Javascript
React学习笔记之条件渲染(一)
2017/07/02 Javascript
three.js中文文档学习之通过模块导入
2017/11/20 Javascript
利用JavaScript的%做隔行换色的实例
2017/11/25 Javascript
[01:01:14]完美世界DOTA2联赛PWL S2 SZ vs Rebirth 第一场 11.21
2020/11/23 DOTA
[45:16]完美世界DOTA2联赛PWL S3 Magma vs Phoenix 第一场 12.12
2020/12/16 DOTA
Python 生成器,迭代,yield关键字,send()传参给yield语句操作示例
2019/10/12 Python
python列表生成器迭代器实例解析
2019/12/19 Python
将labelme格式数据转化为标准的coco数据集格式方式
2020/02/17 Python
Python2 与Python3的版本区别实例分析
2020/03/30 Python
python和pywin32实现窗口查找、遍历和点击的示例代码
2020/04/01 Python
python中pathlib模块的基本用法与总结
2020/08/17 Python
如何用Python绘制3D柱形图
2020/09/16 Python
详解如何使用CSS3中的结构伪类选择器和伪元素选择器
2020/01/06 HTML / CSS
MCAKE蛋糕官方网站:一直都是巴黎的味道
2018/02/06 全球购物
应付会计岗位职责
2013/12/12 职场文书
最新奶茶店创业计划书
2014/01/25 职场文书
幸福家庭事迹材料
2014/02/03 职场文书
婚前财产公证书
2014/04/10 职场文书
营销学习心得体会
2014/09/12 职场文书
终止劳动合同证明书样本
2014/11/19 职场文书
教你用Python写一个植物大战僵尸小游戏
2021/04/25 Python
SQL Server内存机制浅探
2022/04/06 SQL Server
动态规划之使用备忘录来改进Javascript函数
2022/04/07 Javascript
mysql拆分字符串作为查询条件的示例代码
2022/07/07 MySQL