Skip to main content
 首页 » 编程设计

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

2026年07月28日7tintown

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

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

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

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

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

请您参考如下方法:

首先我要说的是:

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

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()。

尝试一下。

希望对您有所帮助。