jQuery

A collection of 20 posts

[jQuery plugin] Plugin 的思路與方法

寫 Javascript 一直都不是我的強項,所以當 jQuery 一推出的時候,簡直是驚為天人!這麼好用的東西為什麼現在才會出現呢?那我在 1998 年寫得那些,不就是跟垃圾一樣了嘛(眼神死 所以回過頭來,研究一下 Plugin 也是很合理的。 Plugin 該怎麼開始 通常我們看到的範例會這樣寫, (function($) { var defaults = {}; $.fn.myplugin = function() { return $(this).each(function() { }); }; })(jQuery); 然後呢,我們就在

[jQuery plugin.] iPhone-Slide plugin v0.55.

正所謂醜媳婦總要見公婆。所以有興趣的人就去我的 gitHub 上面下載吧。 https://github.com/hinablue/jqiphoneslide 使用方法在 DEMO 都有說明。想看實際效果的請到這裡: http://jquery.hinablue.me/jqiphoneslide 然後,我也不知道要說啥了(喂)。我只想說,寫 Plugin 的時候,關於 this 的 Scope 一定要先搞清楚,不然會一直鬼打牆喔(啾咪!

[jQuery note.] 關於一點點 Namespace Event 的事情

在改寫自己的 Plugin 的時候出現了一個問題,由於 Event 在 Plugin 中宣告之後,如果重新再次綁定 Plugin 的時候,那麼裡面的 Event 有可能會被重新再綁定一次(等於重複註冊)。所以,後來你就會發現,你的所綁定的物件怎麼不太一樣了。 這時候可以用 Namespace 來解決這件事情。 $("div.myClick").bind("click.myClick", function(event) { ... }); 在一般的

[jQuery plugin.] iPhone-slide Plugin 爆肝更新

gitHub 在這裡:https://github.com/hinablue/jqiphoneslide DEMO 在這裡:http://jquery.hinablue.me/jqiphoneslide/ 我拔掉一些東西: 滑動到指定頁面 無限頁面滑動 動態載入頁面(Ajax) 因為我還沒有實際測試所以先不放。 重新檢視了換頁演算方式,發現可以寫的比之前簡單點,所以就動手改了!然後...**凌晨三點多 Ubuntu 瞬間當掉讓我感到絕望啊!**早上起來重新寫了一些東西,然後就丟上 gitHub 了。 然後 iPhone4

[jQuery note.] jQuery 1.5 在 Events 的探勘

UPDATE, 還是認真說明一下好了(笑) 委派事件(delegate)跟 live 事件其實是指同一件事情,不過有幾個地方不同: 由於 live 事件直接綁定在 document 上,所以一旦有中途有事件傳播被取消(stopPropagation),該 live 事件就不會被觸發。 委派事件(delegate)同樣使用 live 事件的綁定方式,不同的是,他的事件傳播會依序傳回直到被中斷為止。 請看以下範例: http://jsfiddle.net/hinablue/KFkGZ/1/

[筆記] 關於 jQuery UI 的小插曲

UPDATE, 在 Droppable 中有個屬性叫做 tolerance(簡稱叫阿縮比(疑),他可以設定幾種 Drag&Drop 中 drop 的發生情況。預設是使用 intersect(交叉),當兩個物件交疊 50% 以上,則判定為真。而其他的設定值則為:fit,touch 與 pointer。 fit 是放置物件要完全放入目標物件,才會觸發。這麼說好了,倘若你買了一組沙發,放不進購物車也是很正常的(喂)