文档章节

JQuery获取append后的动态元素:live()和on()

派卡琪安
 派卡琪安
发布于 2014/02/28 10:37
字数 210
阅读 7276
收藏 7

jquery通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)

$("ul").append("<li class='name'>名称</li>");


【错误】然后通过下面的方式,这样是不能获取的 :

$(".name").click(function (){
   alert("获取到append后的节点");
})

【正确】正确的方法是:

$(".name").live("click", function() {
  alert("获取到了"); 
});


jquery 1.7+之后用on代替live,on()方法在被选元素及子元素上添加一个或多个事件处理程序

<div id="one"></div>
$('#one').append("<p id='two'>test1</p>");
append后结果:
$('#one').append("<p id='two'>test1</p>");

【错误】直接用下面的方式,不会弹出窗口的

$("#two").on("click",function(data){
    alert(data);
});

【正确】改成下面的方式:

$("body").on("click","#two",function(data){
    alert(data);
});





© 著作权归作者所有

派卡琪安
粉丝 28
博文 61
码字总数 19664
作品 0
广州
程序员
私信 提问
jquery1.9+获取append后的动态元素

jquery 1.9+放弃了live,说是用on代替了! 那么如果我们以前用live来获取jquery动态添加的元素,现在应该用on怎么写呢? 首先: <div id="one"></div> 然后,我使用append的方法: $('#one').a......

Geomen
2013/10/21
279
1
jQuery on()方法绑定动态元素的点击事件无响应的解决办法

以上代码执行时,点击#check_all时,alert一直没反应,后在网上查资料时,才知道on前面的元素也必须在页面加载的时候就存在于dom里面, 那原话是这样的: 支持给动态元素和属性绑定事件的是l...

飞翔的熊blabla
02/18
0
0
Jquery在chrome无法获取动态生成的元素

今天又遇到个浏览器的兼容性问题,就是Jquery获取动态增加的Li元素在chrome竟然无效,我勒个去,chrome这个流行的严格遵守W3C的标准竟然会有这个问题,IE和firefox都顺利通过了。 经过研究,...

Eric_HSBC
2013/01/31
941
0
jQuery中.live()方法的使用方法

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

风子
2012/09/12
193
0
ThinkPHP第二十九天(Kindeditor编辑器使用)

1、Kindeditor编辑器使用方法 第一步:引入文件 <js file="PUBLIC/Js/kind/kindeditor-all-min.js" /> <js file="PUBLIC/Js/kind/lang/zh_CN.js" /> <cs file="PUBLIC/Js/kind/themes/defaul......

huilange126
2014/02/27
1K
0

没有更多内容

加载失败,请刷新页面

加载更多

灰度控制,比较两个版本

/** * 比较version1和version2的版本大小 * @param version1 * @param version2 * @param splitStr * @return * 返回version1-比较结果-version2 */public static CompareRe...

春哥大魔王的博客
28分钟前
5
0
Jsoup analysis THML

Jsoup是一款HTML解析器,通过它可以解析获取到URL、HTML等中的某些内容, 它提供了一套非常省力的API,可通过DOM,CSS以及类似于jQuery的操作方法来取出和操作数据。 依赖: org.jsoup jsou...

东方神祇
29分钟前
4
0
Spring Boot 2 实战:根据条件来自动配置不同逻辑的Bean

1. 前言 我们经常会有根据条件来加载不同的接口。比如你查询目录下文件列表, Windows 下你会用 CMD 的 dir 命令,而 Linux 下你会使用 ls 命令。 熟悉 Spring Boot 自动配置的也知道 Spring...

码农小胖哥
32分钟前
5
0
PCB设计-Allegro软件入门系列-焊盘的构成和用途(1)

Allegro软件入门最难的就是焊盘制作,而一个贴片焊盘都至少包括一个顶层如Top、钢网层pastemask_top、阻焊层(也就是人们常说的开窗层)sodermask_top,而一个插件焊盘就比贴片多了一个中间层和...

demyar
37分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部