文档章节

JQuery脚步创建的新元素的事件响应

雪之丞
 雪之丞
发布于 2014/06/20 16:28
字数 297
阅读 256
收藏 0

1 问题: 实现了 class="test"的div的点击响应事件 $('.text').click(function(){....}); , 但当用脚本创建了一个class为test的div,点击后没有响应, 例如:当点击class为add的div标签后,在该标签前新增一个class为test的div $('.add').click(function(){ var str = ‘<div class="test">’ +'此处省略......;' +'</div>'; $(this).before(str); });

2 解决方法: 将 $('.text').click(function(){....});, 改为:$('.text').live('clic', function(){....});,

3 关于live()方法的介绍; (1)live() 方法为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。 (2)通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)。 (3)语法$(selector).live(event,data,function) 参数 event 必需。规定附加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。 data 可选。规定传递到该函数的额外数据。 function 必需。规定当事件发生时运行的函数。

© 著作权归作者所有

共有 人打赏支持
雪之丞
粉丝 13
博文 219
码字总数 51065
作品 0
浦东
程序员
私信 提问
我淘到的各种jQuery Grid网格插件

如今,绝大多数网站都要依靠网格来进行布局,拥有一些好的Grid网格布局插件能大大地节约开发时间,还能在满足响应式布局的同时拥有迷人的外观。接下来,小编带大家来认识15款非常棒的响应式j...

lanmeimei
2014/03/05
0
0
2017 年 2 月一些不错的 jQuery 插件汇总

1. imageR 这个jQuery插件允许您添加data属性到一个图像标签或元素,实现根据设备的尺寸展示相应大小的图片。 2. Particler Particler一个纯JavaScript插件,它基于你的图像创建一个Canva粒子...

pe_mail2006
2017/02/12
3.7K
4
2013 年 12 月最好的 35+ 个 jQuery 插件

新的一年开始了,这里是我们 12 月份精心挑选出来最好的 jQuery 插件,希望能在众多的 jQuery 插件中找到你需要的。 1. Excolo-Slider Excolo Slider 是一款简单的 jQuery 滑动插件,支持响应...

oschina
2014/01/09
7.2K
25
15 个最佳的 jQuery 表格插件

现如今,网站开发设计的需求会要求自动适应所有移动设备,即响应式网站: 在开发网站时必须考虑对平板设备融合 fluid(流)和自适应性特点。 大多数网站设计要靠margins, guides, rows and c...

oschina
2013/11/29
16.7K
30
jquery中对动态生成的标签不会响应click事件

Jquery中对ajax动态生成的html标签不会响应 $(selector).click(function.. 或者$(selector).bind('click',function.., 需要用.live jQuery 1.7 开始,不再建议使用 .live() 方法。请使用 .o......

LiShixi
2011/09/03
0
3

没有更多内容

加载失败,请刷新页面

加载更多

携程Apollo统一配置中心的搭建和使用(java)

一.Apollo配置中心介绍 1、What is Apollo 1.1 Apollo简介 Apollo(阿波罗)是携程框架部门研发的开源配置管理中心,能够集中化管理应用不同环境、不同集群的配置,配置修改后能够实时推送到...

morpheusWB
27分钟前
0
0
远程获得的有趣的linux命令

使用这些工具从远程了解天气、阅读资料等。 我们即将结束为期 24 天的 Linux 命令行玩具日历。希望你有一直在看,如果没有,请回到开始,从头看过来。你会发现 Linux 终端有很多游戏、消遣和...

Linux就该这么学
41分钟前
4
0
聊聊flink的AsyncWaitOperator

序 本文主要研究一下flink的AsyncWaitOperator AsyncWaitOperator flink-streaming-java_2.11-1.7.0-sources.jar!/org/apache/flink/streaming/api/operators/async/AsyncWaitOperator.java ......

go4it
今天
5
0
Java并发编程基础(四)

ThreadGroup 在主线程创建得线程,如果没有给他指定线程组,那么创建的线程,默认和主线程同一个线程组。线程组可以底下可以是线程,也可以实线程组。 构建线程组的方法: private ThreadGr...

chendom
今天
7
0
Scala学习(一)

学习Spark之前需要学习Scala。 参考学习的书籍:快学Scala

柠檬果过
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部