天天看點

jQuery自己定義綁定的魔法更新版jQuery自己定義綁定魔法更新

首先讓我們來看看jQuery的自己定義綁定的用法,你能夠使用bind或者live來訂閱一個事件(當然1.7以後也能夠使用on了),代碼例如以下:

然後通過例如以下方式來觸發事件:

或者你也能夠為自己定義事件添加額外的參數,樣比例如以下:

所謂魔法更新。事實上是想讓整個程式全部的自己定義事件可以自己主動注冊并綁定jQuery上。然後運作的時候,全部注冊該事件的子產品都會運作。比方子產品User.js裡定義的UserUpdate方法和Blogs.js裡定義的BlogUpdate方法都定義了在公布一篇部落格的時候須要運作的function函數。整個時候我們可以通過注冊統一的事件名稱(比如BlogAdded)bind到jQuery指定的一個容器上(比如document)上,然後公布部落格成功以後。運作$(document).trigger("BlodAdded")就OK了。

以下我們給個通用的例子代碼:

<a></a>

然後每一個js子產品定義的代碼安裝例如以下格式:

這樣,無論在不論什麼地方,假設我們須要的話,就能夠使用jQuery的方式來觸發我們的事件了:

通過這樣的方法。大家能夠發現一個子產品的method僅僅能注冊一個事件,那假設我們通過一個方法來注冊多個事件觸發的話,能夠使用例如以下方式:

最後注意:本文僅僅是展示一個簡單的樣例,不要混用不同module同一事件名稱的使用方法哦。比方。User.js裡的AddComplete和Blog.js裡的AddComplete可能根本就沒有關系,也就是說僅僅處理自己對應的邏輯。這時候。就不應該統一處理這個事件,但假設要檢測的東西是一樣的話。就能夠使用,比方DisableUserComplete。就能夠通用,由于User子產品須要處理禁用賬戶以後的操作,Blog子產品可能也須要處理禁用賬戶以後的操作。

<b>本文轉自mfrbuaa部落格園部落格,原文連結:</b><b>http://www.cnblogs.com/mfrbuaa/p/5399208.html</b><b>,如需轉載請自行聯系原作者</b>

上一篇: 4.16. gulp-zip
下一篇: 4.18. copy-dir

繼續閱讀