[心得] jQuery liveQuery plug-in
※ [本文轉錄自 Web_Design 看板]
作者: TonyQ (沉默是金) 看板: Web_Design
標題: [心得] jQuery liveQuery plug-in
時間: Fri Sep 5 01:29:16 2008
因為有版友來信問我這個問題 ,
所以乾脆把回信內容順便轉過來 , 提供給其他版友參考 . :)
這個plug-in功能有哪些呢？
比方說 , 我在頁面中載入一個script 其中設定
/*ps 這個綁定觸發點會在元素剛讀取好時*/
$(".date").livequery(function(){
$(this).datepicker()
});
這樣只要我希望要採用datepicker行為的元素 ,
只需要幫它寫上 class="date" 就可以自動綁定 , 也是頗方便的作法之一.
同樣的需求還可以用在 tip 跟一些其他的效果 ,
特別對於採用大量ajax新增元素的網站特別有用 ,
可以不用費心思考綁定事件的細節 , 更可以避免重複綁定多次同樣的事件.
────────────────────────────────
針對「特定元素」不管他是動態或者是一開始就載入 ,
都給定同樣的事件 , 這是個很大但是不容易解決的需求 ,
我以前曾經在其他文章中介紹過的 LiveQuery 這個plug-in可以處理.
官方網站:
http://brandonaaron.net/docs/livequery/
它的livequery 函式 跟 jquery.bind() 功能跟用法,可說是完全一樣.
我寫的簡易sample , 可以試玩看看. :p
http://tonyq.org/test/testLiveQuery.htm
它的賣點就在於針對我指定的selector ,
他只要有元素新增上來, 就會自動幫我把事件綁定上去.
（他是透過監聽html , append , prepend等加工函式做的,細節可看原碼. :p）
---
最近工作累到炸表 , 讓我越來越沒力氣寫文章了...加減產一點orz
--
What do you want to have ? / What do you have?
從書本中，你可以發現我的各種興趣。
從ＣＤ中，你可以瞭解我所喜歡的偶像明星。
或許從文字你很難以瞭解一個人，但從物品可以。
My PPolis , My past. http://ppolis.tw/user/Tony
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.104.40.10
--
What do you want to have ? / What do you have?
從書本中，你可以發現我的各種興趣。
從ＣＤ中，你可以瞭解我所喜歡的偶像明星。
或許從文字你很難以瞭解一個人，但從物品可以。
My PPolis , My past. http://ppolis.tw/user/Tony
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.104.40.10
※ 編輯: TonyQ 來自: 59.104.40.10 (09/05 02:07)
※ 編輯: TonyQ 來自: 61.224.239.208 (12/16 00:01)
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章
