作者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