很久没有使用jQuery，做项目的时候遇到一个小问题就是网页加载之后的append的元素是可以执行click事件，网页加载完成之后的，再次append的元素不执行click事件,简单的通过ul模拟一下:
|
1
2
3
|
<ul
class
=
"content"
>
</ul>
<span
class
=
"test"
>测试</span>
|
三种不同的点击方式，append之后的click无效，通过on执行，注意参数：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
$(
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>'
);
});
});
|
本文转自Fly_Elephant博客园博客，原文链接：http://www.cnblogs.com/xiaofeixiang/p/4975980.html，如需转载请自行联系原作者
