jQuery animate 不支持 tanslate

背景:


在开发demo的过程中,用的是zepto,然后也就引用了zepto的animation组件。
结果在移植到项目里的时候,项目用的却是jQuery。

jQuery的animate方法不支持css3的操作,比如transform。

在网上找了好多方法,有在参数里传step啦 巴巴拉拉。 结果我并没有解决掉问题。

.

解决:


翻看了下animate源码,发现其实也不长。 然后索性直接对它这个源码动手进行了微调,然后发现搞定了~ 开心。


具体调整部分如下

  1. 修改最外层闭包传进来的根对象
原:
;(....)(zepto)
改:
;(....)(jQuery)//注意jquery的大小写
  1. 重命名animate库最终暴露出来的方法:
原:
this.anim = ....;
$.fn.animate = fun....;
$.fn.anim = fun.....;
改为
this.zeptoAnim = ....;
$.fn.zeptoAnimate = fun....;
$.fn.zeptoAnim = fun....;

在外面用的时候 就是$dom.zeptoAnimate(....)

搞定!

你可能感兴趣的:(jQuery animate 不支持 tanslate)