标签:
很久没有使用jQuery,做项目的时候遇到一个小问题就是网页加载之后的append的元素是可以执行click事件,网页加载完成之后的,再次append的元素不执行click事件,简单的通过ul模拟一下:
<ul class="content"> </ul> <span class="test">测试</span>
三种不同的点击方式,append之后的click无效,通过on执行,注意参数:
$(function() { $(‘.content‘).append(‘<li>FlyElephant</li>‘); $(‘.content li‘).click(function(event) { console.log(‘博客园-FlyElephant‘); }); $(‘.content li‘).on(‘click‘, function() { console.log(‘博客园-FlyElephant‘); }); /*通用*/ $(document).on(‘click‘, ‘.content li‘, function() { console.log(‘keso‘); }); $(‘.test‘).click(function() { $(‘.content‘).append(‘<li>keso</li>‘); }); });
jQuery版本2.1.4~
标签:
原文地址:http://www.cnblogs.com/xiaofeixiang/p/4975980.html