手動添加「：動畫」選擇器到jQuery對象

Question

我有一個函數，動畫dom元素與CSS3（如果可用）。現在我經常使用jQuery選擇器:animeted。我如何讓我的CSS3動畫元素也響應:animeted選擇器？

當一個DOM對象與jQuery的動畫它得到"fxqueue":"inprogress"的數據對象，所以我想我可以用手動添加我的元素：

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

但

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

不會選擇任何內容。

Answer 1

這是行不通的。
該:animated濾波器被定義爲

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

它檢查該元素是否是jQuery.timers。

相反，你可以更換:animated選擇：

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