Possiamo creare un selettore jQuery per gli elementi con transizioni CSS.
La soluzione รจ la seguente:
(function( $ ) {
$.expr[ ":" ].transition = function( element ) {
var rules = document.styleSheets[0].rules || document.styleSheets[0].cssRules;
var found = false;
for( var i = 0; i < rules.length; ++i ) {
var selector = rules[i].selectorText;
var css = rules[i].cssText;
if( css.indexOf( "transition:" ) != -1 ) {
var $element = $( element );
var $selector = $( selector );
if( $element.get( 0 ) === $selector.get( 0 ) ) {
found = true;
}
}
}
return found;
};
})( jQuery );
Esempio d'uso:
$(function() {
$( "li:transition", "#test" ).addClass( "selected" );
});