作者b12031106 (B先生)
看板Ajax
标题[问题] jQuery .on()疑问
时间Thu Jul 5 11:32:45 2012
ex:
<div class="box_list">
<div class="box1 box">box1</div>
<div class="box2 box">box2</div>
<div class="box3 box">box3</div>
</div>
最近在练习写个小plugin，碰到了这样的问题，
如果想要让监听box_list中每个子元素的事件，
但是box_list中的子元素又是动态产生的，
该怎麽做才好呢？
$('.box_list').on('click', '.box', function(){alert('click!')});
有试过利用上面这行来做监听，跑起来也没什麽问题，
但是如果今天状况是：
<div class="box_list">
<div class="box1">box1</div>
<span class="span1">span1</span>
<img class="image1" src="xxx.jpg"/>
</div>
像这样，又希望能对所有动态产生的子元素监听时，
该怎麽做才好？
烦请各位前辈指点迷津，感激不尽！
--
你是虾！
You are shock！
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 114.32.33.39
1F：→ nenpow:没try过，不过可以把'.box'改成'.box_list *'看看 07/05 12:04
2F：→ nenpow:如果只要第一层子元素就是'.box_list>*' 07/05 12:05
3F：推 qwer820404:如同newpow说的，* 是指all selectors 07/05 12:09
4F：→ qwer820404:selector的位置改成'.box_list >*' 即可 07/05 12:10
5F：→ b12031106:感谢各位前辈!问题解决了!大感激! 07/05 13:53