背景:
在开发demo的过程中,用的是zepto,然后也就引用了zepto的animation组件。
结果在移植到项目里的时候,项目用的却是jQuery。
jQuery的animate方法不支持css3的操作,比如transform。
在网上找了好多方法,有在参数里传step啦 巴巴拉拉。 结果我并没有解决掉问题。
.
解决:
翻看了下animate源码,发现其实也不长。 然后索性直接对它这个源码动手进行了微调,然后发现搞定了~ 开心。
具体调整部分如下
- 修改最外层闭包传进来的根对象
原:
;(....)(zepto)
改:
;(....)(jQuery)//注意jquery的大小写
- 重命名animate库最终暴露出来的方法:
原:
this.anim = ....;
$.fn.animate = fun....;
$.fn.anim = fun.....;
改为
this.zeptoAnim = ....;
$.fn.zeptoAnimate = fun....;
$.fn.zeptoAnim = fun....;
在外面用的时候 就是$dom.zeptoAnimate(....)