检测 jQuery .stop()

Question

我正在创建一个 jQuery 插件，它向元素添加一些自定义动画，我想检测何时在该元素上调用 .stop() 方法。这是一个例子：

(function( $ ){
    $.fn.myAnimation = function() {
        var myInterval = setInterval(function() {
            // Do animation stuff
            if (.stop() == true) {
                clearInterval(myInterval);
            {
        });
    });
});

$(".element").myAnimation();
$(".element").stop();

所以我的问题是，我该怎么做：

if (.stop() == true)

或者有没有办法通过这样的事件处理程序来做到这一点：

this.bind("stop", function() {});

或者我完全错误的方式？

非常感谢
斯蒂芬

Answer 1

我假设您想检查元素是否为动画。如果是这样，您可以使用jQuery's :animated selector。

if( this.is(':animated') ) {...

如果您希望取消间隔，您可能只需将其作为自定义方法构建到 API 中，用户调用该方法将停止动画，并调用 clearInterval。

Answer 2

两种可能的解决方案：

A）创建一个标志（两种方法）
B) 创建自定义事件

A-创建标志
1-可以使用.attr()添加标志

$('.element').stop().attr('stopped','')
//to check use :
if($('.element').is('[stopped]'))

2-如果您不希望涉及任何属性或任何更改的 DOM 结构
你可以附加一个默认的标志。
通过使用.data()存储任意数据：

$(".element").stop().data('stopped',true);

然后检索它以进行检查

if($(".element").data('stopped')) /** (1) **/

至于插件（正如你提到的here）
是的，我们可以从中创建一个：

// Stop() with a capital S, don't have to remind you jQuery is case sensitive
$.fn.Stop = function() {
  this.stop().data('stopped', true)
  return this
} // check the same way as i mentioned in (1)

B-创建自定义事件
如果您不想要任何类型或任何类型的标志
您可以创建自定义事件，因为“停止”不是一个
Documentation about creating custom events

$('*').on('stop', function() {
  $(this).stop()
  //any other Statements you want
  //in this case you may need to change the selector
  //to match only '.element'
})

然后使用.trigger() 触发事件：

$('.element').trigger('stop')

Answer 3

在我找到添加 jQuery :animated 选择器的方法之前，我想出了以下解决方法：

(function( $ ){
    $.fn.myAnimation = function() {
        this.addClass("isanimated");
        var myInterval = setInterval(function() {
            // do animation
            if (this.hasClass("isanimated") == false) {
                clearInterval(myInterval);
            }
        }, 1000);
    });
});

$(".element").myAnimation();
$(".element").removeClass("isanimated");

上面的代码未经测试。

如果有人能提出添加 :animated 选择器的方法，我将不胜感激。