$('#xx').find('a[data-id]').on('click','a',function(){
console.log('click');
});
页面上的内容本身是存在的，点击后 ajax 请求的数据再动态的添加到页面中，但是on的selector却怎么设置都不生效……
推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
› Closure: The Definitive Guide
This topic created in 3838 days ago, the information mentioned may be changed or developed.
 |
1
7anshuai Dec 5, 2015
.on() 中的第二个参数 'a'， 去掉试试
|
 |
2
moe3000 Dec 5, 2015
你的 a[data-id] 就是你要绑定的 a 么？
|
 |
3
cevincheung OP @moe3000 就是要绑定后面用 JS 动态生成的元素才加的。但是貌似加不对……
|
|
4
cevincheung OP @7anshuai 这个要的
|
|
5
moe3000 Dec 5, 2015
你这个写的我看不懂， on 里面的 selector 是之前的对象里的元素筛选，按你这么写就变成了对 a[data-id]里的 a 进行 click 绑定了
|
 |
6
xujif Dec 5, 2015
$('#xx').on('click','a[data-id]',function(){
console.log('click'); }); 我才 data-id 的 a 是后生成的 |
 |
7
LancerComet Dec 5, 2015
To 楼主，以下两种方式的区别？
$("#xx").find("a").on("click", function () {}); $("#xx").on("click", "a", function () {}); |
|
8
cevincheung OP @LancerComet
@xujif $("#xx") 是不固定的，所以是一个 jq 的对象。这样的 var obj = $('#xx') 。 然后传入到一个函数里，函数里只能使用 obj 了。所以实际上是这样的 obj.find('a[data-id]').on('click','selector') |
 |
9
XiaoxiaoPu Dec 5, 2015
|
|
10
xujif Dec 5, 2015
@cevincheung 那这个就不能做到动态绑定，要把事件绑定到不改变的元素上去，比如 body document
|
 |
11
dong3580 Dec 5, 2015
on 或者将 js 方法加在生成的元素之后，
|
 |
12
shuiniushushu Dec 6, 2015
你可以用事件委托，这样的话就不用动态绑定事件了
|
Select Language