文档章节

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
jQuery基础 - 常用基本属性

jQuery简介 jQuery 是一个 JavaScript 库,极大地简化了 JavaScript 编程 jQuery 对象是通过jQuery包装DOM对象后产生的对象,jQuery对象是jQuery独有的,如果一个对象就是jQuery对象,那么它...

ZHAO_JH
07/31
0
0
jQuery最新1.4 版本的十五个新特性

从jQuery1.4发布以来就再没关注过它了,那么优秀的东西,今天突然看到一篇帖子,是自己落伍了,还是它太优秀了,相信喜欢jQuery的人应该都拜读过了,鄙人在这里Backup一下。 jQuery 1.4 最近...

晨曦之光
2012/03/09
0
0
jquery中对动态生成的标签不会响应click事件

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

LiShixi
2011/09/03
0
3
jQuery中.live()方法的使用方法

jQuery中.live()方法的使用方法 live(type, [data], fn) 概述 jQuery 给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的也有效。 这个方法是基本是的 .bind() 方法的一...

风子
2012/09/12
0
0

没有更多内容

加载失败,请刷新页面

加载更多

&和&&,==和equals的区别

&和&& 相同点:都可以表示逻辑与(and),当运算符两边的结果都为true时,结果才为true,只要有一边为false,结果就为false。 不同点:&&还有短路的作用,即如果第一个表达式的结果为false,就...

森林之下
21分钟前
2
0
我和 Spring 大神的一天

摘要: 先介绍一下故事的5位主人公。 Josh Long 龙之春:Spring 技术布道师,撰写过5部著作,录制过3部畅销的培训视频,是一位开源软件贡献者。 Spencer Gibb:Spring 技术布道师,Spring Cl...

阿里云官方博客
23分钟前
1
0
【Zookeeper】源码分析目录(保存)

https://www.cnblogs.com/leesf456/p/6518040.html

Java搬砖工程师
27分钟前
2
0
vue-cli图片路径使用

https://www.cnblogs.com/minigrasshopper/p/8011630.html

LM_Mike
27分钟前
2
0
前方高能,重要通知!明珠不蒙尘,有才你就来。

11月开源众包服务之星计划--开发商招募正式开启了! 您还是否在为能接更多的订单而操碎了心? 开源众包即将迎来三周年华诞,重磅上线服务之星品牌计划。你有强大的技术实力?你有丰富的案例经...

开源中国众包平台
29分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部