解决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实现Select下拉列表进行状态选择功能
Mar 30 jQuery
node.js+jQuery实现用户登录注册AJAX交互
Apr 28 jQuery
如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
Jul 17 jQuery
jquery版轮播图效果和extend扩展
Jul 18 jQuery
jQuery Layer弹出层传值到父页面的实现代码
Aug 17 jQuery
简单实现jquery隔行变色
Nov 09 jQuery
JQuery模拟实现网页中自定义鼠标右键菜单功能
Nov 14 jQuery
jQuery点击页面其他部分隐藏下拉菜单功能
Nov 27 jQuery
jQuery实现简单的Ajax调用功能示例
Feb 15 jQuery
jQuery实现的五星点评功能【案例】
Feb 18 jQuery
jquery实现直播视频弹幕效果
Feb 25 jQuery
jQuery 隐藏/显示效果函数用法实例分析
May 20 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程序
2012/02/04 PHP
色色整理的PHP面试题集锦
2012/03/08 PHP
PHP输出日历表代码实例
2015/03/27 PHP
PHP 微信扫码支付源代码(推荐)
2016/11/03 PHP
visual studio code 调试php方法(图文详解)
2017/09/15 PHP
你所要知道JS(DHTML)中的一些技巧
2007/01/09 Javascript
Javascript 篱式条件判断
2008/08/22 Javascript
jQuery easyui datagrid动态查询数据实例讲解
2013/02/26 Javascript
jQuery控制li上下循环滚动插件用法实例(附demo源码下载)
2016/05/28 Javascript
BootStrap 附加导航组件
2016/07/22 Javascript
Node.js创建Web、TCP服务器
2017/12/05 Javascript
通过循环优化 JavaScript 程序
2019/06/24 Javascript
node.js中fs文件系统模块的使用方法实例详解
2020/02/13 Javascript
Node.js API详解之 net模块实例分析
2020/05/18 Javascript
JS 数组和对象的深拷贝操作示例
2020/06/06 Javascript
微信小程序实现点击导航标签滚动定位到对应位置
2020/11/19 Javascript
Python中文竖排显示的方法
2015/07/28 Python
Python3实现发送QQ邮件功能(附件)
2020/12/23 Python
python实现pdf转换成word/txt纯文本文件
2018/06/07 Python
学点简单的Django之第一个Django程序的实现
2021/02/24 Python
翻新二手苹果产品的网络领导者:Mac of all Trades
2017/12/19 全球购物
美国最古老的精致书写工具制造商:A.T. Cross(高仕)
2018/01/30 全球购物
印尼极简主义和实惠的在线家具店:Fabelio
2019/03/27 全球购物
Oakley西班牙官方商店:太阳眼镜和男女运动服
2019/04/26 全球购物
eBay奥地利站:eBay.at
2019/07/24 全球购物
人力资源部培训专员岗位职责
2014/01/02 职场文书
机电一体化职业规划书
2014/01/07 职场文书
《最佳路径》教学反思
2014/04/13 职场文书
村主任个人对照检查材料
2014/10/01 职场文书
党员群众路线教育实践活动学习笔记
2014/11/05 职场文书
离婚起诉书范本
2015/05/18 职场文书
Python 数据可视化之Seaborn详解
2021/11/02 Python
mysql中varchar类型的日期进行比较、排序等操作的实现
2021/11/17 MySQL
Win11如何修改dns?Win11修改dns图文教程
2022/01/18 数码科技
《宝可梦》动画制作25周年到来 官方发布特别纪念视频
2022/04/01 日漫
Python如何用re模块实现简易tokenizer
2022/05/02 Python