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

来源:互联网 发布:自制手机网络接收器 编辑:程序博客网 时间:2024/05/15 01:07

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

$('#box').append("<li class=\"list-group-item\">"+"<strong>评论内容: </strong>"+text+"</li>");//通过append向父级元素#box中插入一个li元素

错误方法:

$('#box li').click(function(){    alert('获取到li元素了...')})

正确方法(此方法用于jquery1.7之前的所有版本):用live()给事件附加处理程序

$('#box li').live("click",function(){    alert('获取到li元素了...')})

在看小弟博客的大神,如果我有说的不对的地方,请多多指教,小弟感激不尽

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

正确方法:

 $("body").on("click","#box li",function(){      alert("ok")  })
0 0
原创粉丝点击