※ 引述《hera1016 ()》之銘言： : 附上code : : $(document).ready( function() { : $("*").click( function() { : var target = $("div's id"); : $.each(target, function(){ : $(this).click(function(){ : alert($(this).text()); : }); : }); : }) : }); : -- :

※ 發信站: 批踢踢實業坊(ptt.cc) : ◆ From: 140.113.215.200 : 推 adamp3:http://www.quirksmode.org/js/events_order.html 05/13 17:12 : 推 adamp3:http://lab.distilldesign.com/event-delegation/ Ex3 05/13 17:17 : → hera1016:大感謝樓上 問題已解!!!!!!(L) 05/13 21:01 : → TonyQ:這種情形用live是比較適合的. 05/14 03:36 : → hera1016:不太懂樓上的意思耶 @_@? 05/14 12:47 : 推 wxyy:.delegate() 跟 .live() 都可以解決這個問題 05/14 16:46 : → wxyy:不過優缺點 就要另外請教高手解釋了.... 05/14 16:47 其實官網文件有比較這兩個用途 http://api.jquery.com/delegate/ 其中提到delegate 只是一個 live的特殊用法， 從sample中也很明顯看的出來兩者差異不大。XD 說穿了 delegate = find + live 。:p 不過以正常的作法我不太會用到delegate... 以他的例子來講 delegate $("table").delegate("td", "hover", function(){ $(this).toggleClass("hover"); }); live $("table").each(function(){ $("td", this).live("hover", function(){ $(this).toggleClass("hover"); }); }); 那為甚麼不乾脆 $("table td").live("hover", function(){ $(this).toggleClass("hover"); }); 就好還要繞一圈 XD 其實在這個事件上這描述也是等價的。（所以我才說他等於find+binding） ----------------------------------------------------- 不過那不是重點，原推文說live比較好是相對於原文來看的， 只要你的html dom符合以下前提，都可以試著使用live。 會一直動態增刪元件（不論是否透過ajax增刪）， 且所有同類元件都擁有相同行為。 live 的本意就是透過偵測母元素的事件， 去瞭解目前觸發元素的型別跟執行對應的事件函式。 在這個過程中我們可以省下很多對每個元素單獨綁定所造成的困擾， 包含綁定時間點的判斷，避免因為誤判而重複綁定。 （不過誤用live還是會造成重複綁定。） 不過缺點就是因為幾乎每個事件的觸發都需要多作一個檢測， 多少會影響到執行效率，一個頁面能容納的live量並不會多， 能一次綁定就好得狀況下，拿live當click用會很不划算。（個人意見） 如果有滿足前面所述的前提（動態增刪），就可以試著用用看囉。 一般來講動態增刪的東西除dialog/ajax 以外，應該不多才對。 -- I am a person, and I am always thinking . Thinking in love , Thinking in life , Thinking in why , Thinking in worth. I can't believe any of what , I am just thinking then thinking , but worst of all , most of mine is thinking not actioning... --

※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 114.137.14.63