Ajouter manuellement le sélecteur ": animated" aux objets jQuery

Question

J'ai une fonction qui anime les éléments dom avec CSS3 si disponible. Maintenant, j'utilise souvent le sélecteur :animeted jQuery. Comment faire pour que mes éléments animés CSS3 répondent également au sélecteur :animeted?

Lorsqu'un objet DOM est animé avec jQuery il obtient "fxqueue":"inprogress" dans l'objet de données, donc je pensais que je pourrais ajouter manuellement mes éléments en utilisant:

$("div").eq(0).data({"fxqueue": "inprogress"});

mais

console.log($("div:animated"))

ne sélectionne rien.

Answer 1

Cela ne fonctionnera pas.
Le filtre :animated est défini comme

jQuery.expr.filters.animated = function(elem) { 
    return jQuery.grep(jQuery.timers, function(fn) { 
     return elem === fn.elem; 
    }).length; 
}; 

Il vérifie si l'élément est en jQuery.timers.

Au lieu de cela, vous pouvez remplacer le sélecteur :animated:

var originalAnimated = jQuery.expr.filters.animated; 
jQuery.expr.filters.animated = function(elem) { 
    return originalAnimated(elem) || something; 
};