Re: [問題] 如何判斷element裡是否已定義event

看板Ajax作者TonyQ (沉默是金。)時間15年前 (2010/05/14 20:18)推噓7(7推 0噓 23→)

留言30則, 4人參與討論串2/2 (看更多)

※ 引述《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

推