jquery - 将 .stop() 集成到 jQuery 插件中

Question

我正在编写一个 CSS3 动画插件，它使用 CSS3 转换对元素进行动画处理，但它不适用于 jQuery 原生 .animate()

目前一切都很顺利，但我想将 .stop() 集成到插件中。因此用户可以像在 native jQuery 中一样使用我的插件。

这是我到目前为止的代码 http://jsfiddle.net/meo/r4Ppw/

知道使用 jQuery .stop() 时如何调用插件的 stop 方法吗？ (当然还要传递它的参数)

我尝试阅读 jQuery 源代码，以了解它是如何工作的，但它对我来说太高了，我需要一些解释。

Answer 1

首先我要说的是:

我是插件新手，我不确定这是否能解决您的问题，但我尝试了一下。

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

fiddle 有一个应用于 div 的点击函数，该函数调用 stop()。

尝试一下。

希望对您有所帮助。