CSS过渡插件通过jQuery addClass?

时间:2011-06-30 17:31:08

标签: jquery css3 css-transitions

我正在寻找一个允许我通过jQuery的addClass / removeClass / toggleClass函数轻松使用CSS Transitions的库。即我希望这些函数在webkit中不做任何事情(除了添加CSS类),但在IE中使用jQuery动画。 jQueryUI取代了这三个函数,接近我所需要的,但它只适用于确切的元素(例如$('#myID').addClass('foo');没有动画#myID.foo .someClass

我环顾四周,找不到任何可以做到这一点的东西,希望有人知道一个:)如果没有,解决方案需要:

  1. 解析页面上CSS过渡属性的所有样式表
  2. 将所有样式表与过渡匹配(例如-webkit-transition
  3. 存储这些样式表
  4. addClass等上匹配当前和向下的树(例如.addedClass .someOtherClass
  5. 将动画应用于所有匹配的元素(或样式规则)
  6. 因此,如果有人知道任何现有的解析样式表(它们的文本)或动画规则(而不是单个节点)的解决方案,那么这也会有所帮助。

1 个答案:

答案 0 :(得分:1)

看起来像是想要jQuery++

之类的东西
  

jQuery.animate会覆盖$ .fn.animate以使用CSS 3动画   可能。它采用与原始$ .fn.animate相同的参数   如果是CSS动画,它将回归到jQuery的JavaScript动画   不可能。

你提出的方法对我来说似乎有点复杂,但也许有人想出一个解决方案;)