2011-03-13 57 views
5

我寫一個CSS3動畫插件,該動畫與CSS3過渡和元素它不具備的jQuery的本地.animate()集成.stop()成一個jQuery插件

一切工作出很大的現在,但我會喜歡將.stop()整合到插件中。所以用戶可以像使用原生jQuery一樣使用我的插件。

這是到目前爲止我的代碼 http://jsfiddle.net/meo/r4Ppw/

任何想法,我怎麼能打電話的時候,jQuery的.stop()使用我的插件停止方法? (並通過它的參數當然)

我試圖讀取jQuery源代碼,以瞭解它如何工作,但它只是爲了站在我身邊,我需要一些解釋。

回答

2

首先我要說的是:

我是新來的插件,我不知道這甚至解決您的問題,但我給它一個鏡頭。

http://jsfiddle.net/r4Ppw/44/

基本上我更新了stop()定義提醒我,這是叫,然後添加在你的插件代碼底部以下。

var originalStop = jQuery.fn.stop; //store original method 
jQuery.fn.stop = function(){ //redefine the jQuery method 
    methods.stop(); //call your plugin code 
    originalStop.apply(this, arguments); //call the original and pass the arguments along 
}; 

小提琴已應用調用stop()div點擊功能。

試試看。

我希望它有幫助。

+0

哦,它的工作原理!很好謝謝。現在它由我來整合這個很好的功能 – meo 2011-03-15 10:08:59

+0

@meo不客氣。很高興幫助。 – Kyle 2011-03-15 17:37:03

+1

你可以在這裏看到你努力的結果:P http://jsfiddle.net/meo/UWgE5/ thx再次 – meo 2011-03-15 18:02:18