[問題] jQuery .on()疑問

看板Ajax作者 (B先生)時間14年前 (2012/07/05 11:32), 編輯推噓1(104)
留言5則, 3人參與, 最新討論串1/1
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

07/05 12:04, , 1F
沒try過,不過可以把'.box'改成'.box_list *'看看
07/05 12:04, 1F

07/05 12:05, , 2F
如果只要第一層子元素就是'.box_list>*'
07/05 12:05, 2F

07/05 12:09, , 3F
如同newpow說的,* 是指all selectors
07/05 12:09, 3F

07/05 12:10, , 4F
selector的位置改成'.box_list >*' 即可
07/05 12:10, 4F

07/05 13:53, , 5F
感謝各位前輩!問題解決了!大感激!
07/05 13:53, 5F
文章代碼(AID): #1FzGhXmc (Ajax)
文章代碼(AID): #1FzGhXmc (Ajax)