Benx Blog

八月 30, 2006

Rebind events on dynamic content (modified DOM)

Filed under: Howto,Uncategorized — benxshen @ 1:25 上午

一直在思考當 DOM 動態改變時,如何將事先定義好的事件規則 (Event Rules) 套用到 (rebind) 到新增加的 dom element 中。

今天在瀏覽 GMail 中那一大堆 jQuery 討論區郵件,赫然發現這個傢伙 (Aloyzas Rimeika) 提供了一個「深奧」的實作演算,精巧地解決了這個問題。

PS. 說這是「深奧」一點也沒錯,看了好幾次,都還沒能了解 Rimeika 到底想幹嘛,突然感嘆自己的 javascript 程式功力實在弱!終於在夜深人靜的時候,好好地根據變數重新推敲一遍。大概能夠了解程式碼的意圖之後,寫了一個簡單的測試來驗證這個外掛。沒錯!這就是我要的解決方案。Cool~~~

以下直接收錄此封討論郵件的內容:

try my plugin:  http://www.aloyzas.lt/javascript/jquery-dev/events.js
I didn’t wrote any documentation because of my English🙂 and it
requires more testing I think.

How it works:

$('').events({
 ':': function(e){
   ... do something...
 },
 ...
});

Example:
$(document).events({
 'a[@href*=#]:click': function(e){
   alert("go to anchor");
 }
});

powered by performancing firefox

發表迴響 »

仍無迴響。

RSS feed for comments on this post. TrackBack URI

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 變更 )

Twitter picture

You are commenting using your Twitter account. Log Out / 變更 )

Facebook照片

You are commenting using your Facebook account. Log Out / 變更 )

Google+ photo

You are commenting using your Google+ account. Log Out / 變更 )

連結到 %s

在 WordPress.com 建立免費網站或網誌.

%d 位部落客按了讚: