zepto无法使用animate的解决办法

最新推荐文章于 2021-11-16 17:03:13 发布
最新推荐文章于 2021-11-16 17:03:13 发布
阅读量401 收藏
点赞数
分类专栏： 移动端开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40947819/article/details/108596585
版权

zepto就是一个专为移动端而生的精简版jquery框架，语法和jquery几乎一模一样。但在用的时候会发现jquery中使用频率非常高的animate动画方法在zepto中无法使用。其实zepto是支持的，只不过没有集成到zepto核心文件中，需要大家引入官方提供的fx.js扩展。
在这里插入图片描述
友情提示：请在引入zepto核心js文件后再引入fx.js _
使用tap方法要引入touch.js
学习参考 http://www.sunqizheng.com/blog/379.html
正文有fx的下载地址

浅笑0104
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
zepto.min.zip
05-24
Swiper常用于移动端网站的内容触摸滑动 Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。...Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！
animate.zip
05-24
Swiper常用于移动端网站的内容触摸滑动 Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。...Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！
animate动画在zepto.js框架中无法使用的解决方法
bocaidada的博客
10-09 2003
Zepto是一个轻量级的针对现代高级浏览器的JavaScript 库，简单来讲，zepto就是一个专为移动端而生的精简版jquery框架，语法和jquery几乎一模一样；可是在实际应用中你可能会发现jquery中使用频率非常高的animate动画方法在zepto中无法使用。 其实zepto是支持的，只不过没有集成到zepto核心文件中，需要大家在引入Zepto.js之后在引入官方提供的fx.js扩...
zepto 添加 animate组件
weixin_33753003的博客
12-17 267
2019独角兽企业重金招聘Python工程师标准>>> ...
Zepto
小白小白从不日别的博客
11-16 3972
一、Zepto初体验 1.1 什么是Zepto? Zepto 是一个轻量级的针对现代高级浏览器的 JavaScript库， 它与jQuery有着类似的api, 如果你会用jQuery，那么你也会用Zepto 1.2 .既然和jQuery差不多, 为什么还需要Zepto? jQuery更多是在PC端被应用，Zepto更多是在移动端被应用 也正是因为jQuery用在PC端, 所以jQuery考虑了很多低级浏览器的的兼容性问题, ,所以代码更多体积更大 也正是因为Zepto用在移动端, 所以
zepto中animate的用法
热门推荐
kongjiea笔记
08-13 6万+
$this_bd.animate({height:iTthis_bd_h+'px',complete:siblingsUp()},700); function siblingsUp(){ $this_bd.siblings('.bd').animate({height:'0px'},50); };
zepto与jquery的区别及zepto的不同使用8条小结
12-11
首先是效果： jquery中有fadeIn和fadeOut两个效果...在zepto中有个动画效果（animate），用这个效果来实现渐隐还是不错的。咱们引用中文文档中的说明 http://www.html-5.cn/Manual/Zepto/#animate 文档里面详细介绍了a
swiper.animate1.0.3.min.zip
最新发布
05-24
Swiper常用于移动端网站的内容触摸滑动 Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。...Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！
zepto离线手册
01-09
6. **动画效果**：尽管Zepto本身不包含复杂的动画功能，但通过`animate`方法，可以实现基本的CSS属性动画，如改变宽度、高度、透明度等。 7. **扩展模块**：Zepto设计为模块化，可以根据项目需求选择加载特定模块，...
zepto里面不能使用animate的解决办法
etemal_bright的博客
11-22 5700
去github中打开src/fx.js，把内容添加到zepto.min.js中 点击打开链接 就可以了 需要什么模块 加入什么模块
zepto为什么不支持animate,报animate is not a function
diebaiying3731的博客
09-13 273
在zepto.min.js文件中搜索animate看有没有，如果没有就是没有加入animate的模块 解决办法，去github中打开src/文件夹，找到fx.js文件，把内容追加到zepto.min.js中 因为有的zepto.min.js默认只是加载一部分模块的，如果需要touch,也可以加入touch.js模块 地址：https://github.com/mad...
zepto中animate方法的使用注意
weixin_30848775的博客
06-23 278
今天在用zepto的animate方法时，遇到回调函数不能执行的问题，最后发现在zepto中要想使回调函数在动画完成后执行，需要在回调函数前面加上动画类型这个参数才可以，具体写法如下： $("div").animate({left:100},800,"linear",function(){ 　　alert(111); }) 转载于:https://www.cnblogs.com/vellem...
animate is not a function（zepto 使用报错）
White feathe 的博客
11-09 1万+
animate is not a function（zepto 使用报错）为什么使用zepto写animate报错？因为zepto默认构建包含: Core, Ajax, Event, Form, IE几个模块，要使用animate需要再引用fx模块。下面附上 fx模块的链接：fx或者：zepto.fx.js 引入这个js即可！ /** * Zepto.fx.js * * 这个功能是Zepto
一步一步DIY zepto库，研究zepto源码7 -- 动画模块（fx，fx_method）
前端-后端学习之路
12-05 1611
代码挂在我的github上，对应文件夹v0.7.1。 https://github.com/zrysmt/DIY-zepto 注：要在github源代码中自己编译的话，要在基础包命令：npm run dist上要进行扩展了，输入命令：MODULES="zepto event fx fx_methods" npm run dist # on Windows > SET MODULES=zepto
解决Zepto.js不支持animate报错的问题，错误信息$(...).animate is not a function
小love容儿的博客
10-26 2916
这次移动端web项目的开发用到Zepto.js，其中一个列表项要求实现左滑删除的功能，我用到animate，但是一直报错： 后来查询发现zepto.min.js默认只是加载一部分模块，其中就没有animate的模块； 解决办法： 在github中 https://github.com/madrobby/zepto，找到fx.js文件，把内容追加到zepto.min.js中
zepto 清除html,Zepto的使用
05-18
如果要清除 HTML 内容，可以使用 Zepto 的 empty() 方法。该方法将从匹配的元素集合中删除所有子元素。 示例代码如下： ```html <!DOCTYPE html> <title>Zepto Empty 示例 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值