社区
JavaScript
帖子详情
关于 jquery html 动态添加的元素绑定事件
dancheng_work
2017-11-04 12:22:20
出现了第一次点击事件与以后的点击事件不一样!请问大牛们,each对动态生成的html代码有什么要注意的地方吗
...全文
521
5
打赏
收藏
关于 jquery html 动态添加的元素绑定事件
出现了第一次点击事件与以后的点击事件不一样!请问大牛们,each对动态生成的html代码有什么要注意的地方吗
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
5 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
dancheng_work
2017-11-05
打赏
举报
回复
多次调试后,发现问题不在事件绑定这, 是用jQuery生成的a标签代码,点击后,还会创建一个相同的标签
dancheng_work
2017-11-05
打赏
举报
回复
怎么感觉暂时和绑定事件没有关系呢?点击第一次,触发0次,点击第二次,触发1次,点击第三次,触发2次。。。。。。。。。。。。
天际的海浪
2017-11-05
打赏
举报
回复
事件委托的方式只在页面加载时设置绑定一次就好了。 创建新元素时不需要对新元素再次设置绑定事件。
齐应强
2017-11-04
打赏
举报
回复
使用on(“click”,function)绑定试试
天际的海浪
2017-11-04
打赏
举报
回复
动态添加的元素要用事件委托的方式绑定事件 如: $("父元素").on("click", "父元素内要触发事件的元素", function(event){ }); 这样,父元素内原本的元素和动态添加的元素地都能触发事件
jQuery
给
动态
添加
的
元素
绑定
事件
的方法
本文实例讲述了
jQuery
给
动态
添加
的
元素
绑定
事件
的方法。分享给大家供大家参考。具体分析如下:
jquery
中
绑定
事件
一般使用bind,或者click,但是这只能是对已经加载好的
元素
定义
事件
,那些后来
添加
插入的
元素
则需要另行
绑定
。在1.7版本以前使用live。但是在1.8版本以后推荐使用on。这里介绍
jQuery
中如何给
动态
添加
的
元素
绑定
事件
在实际开发中会遇到要给
动态
生成的
html
元素
绑定
触发
事件
的情况 例如
需要给
里面
动态
添加
的
标签
添加
click
事件
jquery
1.7版以前使用live
jquery
html
动态
添加
的
元素
绑定
事件
详解
下面小编就为大家带来一篇
jquery
html
动态
添加
的
元素
绑定
事件
详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jQuery
动态
添加
元素
无法触发
绑定
事件
的解决方法分析
本文实例讲述了
jQuery
动态
添加
元素
无法触发
绑定
事件
的解决方法。分享给大家供大家参考,具体如下: 最近遇到一个问题,即当用
jquery
动态
添加
元素
后,发现给
动态
添加
的
元素
却无法触发
事件
。后来在网上查阅了一些资料,发现原来要这样处理: 先上我出错的代码: <!DOCTYPE
html
> <
html
> <head lang=en> <meta charset=UTF-8> <title></title> <link rel=stylesheet href=http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.
jQuery
如何获取
动态
添加
的
元素
一、问题描述 用
jQuery
的append()方法
动态
添加
了一段
html
代码之后,发现在为新
添加
的
元素
绑定
click
事件
时无法获取该新
元素
。 二、解决方法 度娘推荐的方法基本是用live()方法 live()的官方定义和用法: live() 方法为被选
元素
附加一个或多个
事件
处理程序,并规定当这些
事件
发生时运行的函数。通过 live() 方法附加的
事件
处理程序适用于匹配选择器的当前及未来的
元素
(比如由脚本创建的新
元素
)。 live()的详细使用方法可以查看
jQuery
live() live()和bind()的区别就是live不仅可以给页面中现有的
元素
绑定
事
JQuery
教程自学笔记
目 录
JQuery
教程自学笔记 1 一、概述 4 二、
JQuery
技术综述 5 2.1
JQuery
基本语法 5 2.1.1
JQuery
选择器 6 2.2
JQuery
事件
响应 8 2.2.1 常见的
JQuery
事件
9 2.2.2 淡入淡出效果 12 2.2.3 滑动效果 15 2.2.4 动画效果 18 2.2.5 终止动画 20 2.2.6 回调函数 20 2.2.7 方法链 22 2.3
HTML
操作 23 2.3.1
HTML
取值 23 2.3.2
HTML
赋值 25 2.3.3
添加
HTML
元素
28 2.3.4设置或取得
元素
的CSS class 34 2.3.5读写
HTML
元素
的css 属性 36 2.3.6 操作
HTML
元素
的长宽大小 37 三、
JQuery
UI 39 3.1 概述 39 3.2
JQuery
UI 基本工作过程 41 3.2.1初始化 41 3.2.2 方法 42 3.2.3 通用方法 42 3.2.4
事件
43 3.2.5 共有
事件
43 3.3
JQuery
UI示例 44 3.3.1 Accordion组件(手风琴似折叠) 44 3.3.2
JQuery
UI Autocomplete(自动完成) 56 3.3.3
JQuery
UI Button(按钮) 63 3.3.4
JQuery
UI Datepicker (时间控件) 69 3.3.5
JQuery
UI Dialog (对话框) 79 3.3.6
JQuery
UI Menu (
JQuery
菜单) 88 3.3.7
JQuery
UI Progressbar (进度条) 92 3.3.8
JQuery
UI Slider (滑动条) 96 3.3.9
JQuery
UI Spiner (微调框) 101 3.3.10
JQuery
UI Tab (标签页) 103 3.3.11
JQuery
UI Tooltip (提示条) 111
JavaScript
87,907
社区成员
224,614
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章