2011-03-13 12 views
5

Estoy escribiendo un plugin CSS3 animado, que anima a los elementos con CSS3 transiciones y que no está disponible con el jQuery nativa .animate().Stop() en un plugin de jQuery

Todo está funcionando muy bien para ahora, pero me Me gusta integrar el .stop() en el complemento. Entonces el usuario puede usar mi complemento de la misma manera que lo haría en jQuery nativo.

Este es mi código hasta ahora http://jsfiddle.net/meo/r4Ppw/

Cualquier idea de lo que podría llamar el método de parada de mi plug-in cuando se utiliza jQuery .stop()? (Y pasando sus argumentos, por supuesto)

He intentado leer la fuente de jQuery, para saber cómo funciona, pero para mí es muy importante, necesito algunas explicaciones.

Respuesta

2

Primero déjeme decir esto:

Soy nuevo a los plugins y no estoy seguro de si esto incluso resuelve su problema, pero me decidí probarlo.

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

Básicamente he actualizado su definición stop() me avise que se llamaba y luego agregó lo siguiente en la parte inferior de su código de plugin.

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 
}; 

El violín tiene una función de clic aplicada a la div que llama stop().

Pruébalo.

Espero que ayude.

+0

¡oh funciona! Muy bonito, gracias. Ahora depende de mí integrar esto muy bien en la función – meo

+0

@meo De nada. Me alegro de que haya ayudado. – Kyle

+1

puede ver el resultado de sus esfuerzos aquí: P http://jsfiddle.net/meo/UWgE5/ thx again – meo