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(....)

搞定!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在线阅读 http://interview.poetries.top[http://interview.poetr...
    前端进阶之旅阅读 115,160评论 24 450
  • 请参看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon阅读 12,099评论 2 19
  • 大学时代也曾点开《情书》的电影,但稀里糊涂的,没有记住剧情,也不记得看没看完。 今晚看到一位简书作者推荐的书目,于...
    salen小伦阅读 1,046评论 0 0
  • 窗外刚刚还红霞漫天的镜头一转,一滴滴自上而下的雨珠落在树上、地上,打在窗户上,不时透进大开的窗户。暖暖起身关窗的动...
    暖心倩阅读 7,784评论 0 3
  • 在家就是舒服了?我也有可能成为下一步都会在一起就会被你发现自己有什么区别呃呃呃呃呃呃 你们在哪里?我在外面的人是谁...
    qiunili阅读 994评论 0 0