animate动画在zepto.js框架中无法使用的解决方法

最新推荐文章于 2023-02-14 11:43:33 发布
最新推荐文章于 2023-02-14 11:43:33 发布
阅读量2k 收藏 2
点赞数 1
分类专栏： 前端知识积累 文章标签： zepto.js animate
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bocaidada/article/details/82979456
版权

Zepto是一个轻量级的针对现代高级浏览器的JavaScript 库，简单来讲，zepto就是一个专为移动端而生的精简版jquery框架，语法和jquery几乎一模一样；可是在实际应用中你可能会发现jquery中使用频率非常高的animate动画方法在zepto中无法使用。在这里插入图片描述
其实zepto是支持的，只不过没有集成到zepto核心文件中，需要大家在引入Zepto.js之后在引入官方提供的fx.js扩展。

fx.js的github下载地址：

https://github.com/madrobby/zepto/blob/master/src/fx.js#files

或者在在zepto官方首页中搜索fx就可以了
zeptojs官网地址

https://zeptojs.bootcss.com/

在这里插入图片描述

bocaidada
关注
专栏目录
javascript插件-zepto.js
rose的博客
03-18 269
zepto.js(js库) Zepto是一个轻量级的针对现代高级浏览器的JavaScript库 zepto与jQuery的异同 同: 有着类似的api（90%） 异： 事件不同(有着独特的手指的触摸事件tap、swipe……); 体积大小不同(zepto文件大小只有10k左右); jQuery更多是在PC端被应用，因此，考虑了很多低级浏览器的的兼容性问题； 而Zepto.js则是直接抛弃了低级浏...
JavaScript框架篇——zepto
weixin_45273807的博客
08-18 378
什么是zepto? Zepto 是一个轻量级的针对现代高级浏览器的 JavaScript库，它与jQuery有着类似的api, 如果你会用jQuery，那么你也会用Zepto。 Query更多是在PC端被应用，Zepto更多是在移动端被应用；也正是因为jQuery用在PC端, jQuery考虑了很多低级浏览器的的兼容性问题, ,所以代码更多体积更大；也正是因为Zepto用在移动端, Zepto则...
zepto无法使用animate的解决办法
qq_40947819的博客
09-15 408
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的心下载地址 ...
zepto 添加 animate组件
weixin_33753003的博客
12-17 272
2019独角兽企业重金招聘Python工程师标准>>> ...
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中animate报错“Uncaught TypeError: this.bind is not a function”的解决办法
weixin_30273175的博客
08-05 462
在使用zepto时，我先引入zepto.min.js，然后引入fx.js，但是在使用animate函数时，控制台却报如下错误： Uncaught TypeError: this.bind is not a function 解决办法： 1、去github中打开src/fx.js，打开链接，把内容添加到zepto.min.js中，问题就解决了。然后需要什么模块就向zepto.min....
zepto animate
weixin_30273175的博客
12-23 95
// Zepto.js // (c) 2010-2013 Thomas Fuchs // Zepto.js may be freely distributed under the MIT license. ;(function($, undefined){ var prefix = '', eventPrefix, endEventName, endAn...
移动框架zepto.js
08-05
3. **动画效果**：尽管体积小巧，但Zepto.js仍然包含了基本的动画功能，如`.fadeIn()`, `.slideUp()`, `.animate()`等，允许开发者创建平滑的页面过渡和视觉效果。 4. **Ajax请求**：Zepto的`.ajax()`函数提供了...
移动端开发教程-Zepto.js入门视频教程
06-14
在移动端开发领域，JavaScript库Zepto.js是一个备受推崇的工具，尤其对于那些习惯于使用jQuery的开发者来说。本文将深入探讨Zepto.js的基础知识、特性以及如何将其应用于实际项目，帮助你快速掌握这个轻量级的前端...
（九）移动端前端开发-Zepto框架
m0_56517198的博客
02-14 634
Zepto的一些的可选功能专门针对移动浏览器，因为最初的目标是专门为移动网站提供一个精简的jQuery替代方案。//需求：点击div元素，给div元素添加animate动画（需要包含transform属性里面的方法）。使用jQuery时load事件的处理函数不会执行，使用Zepto时load事件的处理函数会执行。//tap事件类似PC端上的click事件，它表示手指触摸某个元素会被出发。//选中页面中所有id为foo元素,将其背景设为粉色。//选中页面中所有的div元素,将其背景设为红色。
zepto.js插件适用于微信等移动浏览器动画滑动效果
06-12
效果描述： 我们常见到移动页面很多动画效果，但是自己原生开发一个动画效果是相当难的 今天就给大家推荐一套合适的模板 使用方法： 1、将style.css样式引入到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可 (注意保持文件路径正确)
html5 css3 +zepto 做动画
weixin_30408739的博客
03-24 73
刚解除别人的案例，感觉像一座大山，如何才能啃完这座大山呢，可能到了山顶的时候，回头看看也许并没有想象中的可怕。现在看，真的好可怕。好可怕。心中油然而生的恐惧。。正在加剧，没有跨过去，会越加恐惧的厉害。 转载于:https://www.cnblogs.com/fishsword/p/4361876.html...
zepto里面不能使用animate的解决办法
etemal_bright的博客
11-22 5726
去github中打开src/fx.js，把内容添加到zepto.min.js中 点击打开链接 就可以了 需要什么模块 加入什么模块
解决Zepto.js不支持animate报错的问题，错误信息$(...).animate is not a function
小love容儿的博客
10-26 2943
这次移动端web项目的开发用到Zepto.js，其中一个列表项要求实现左滑删除的功能，我用到animate，但是一直报错： 后来查询发现zepto.min.js默认只是加载一部分模块，其中就没有animate的模块； 解决办法： 在github中 https://github.com/madrobby/zepto，找到fx.js文件，把内容追加到zepto.min.js中
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
Zepto添加Slide动画效果
boy火巨的博客
11-05 2439
一.缘由       公司的移动端项目，采用zepto为主要框架，但是zepto毕竟是精简版的jquery，体积小了，功能自然没有这么强大，特别是动画和选择器这两块，需要我们自己去拓展。       在项目开发过程中，很多页面过渡需要用到动画，简单的show/hide过渡太生硬，对用户不友好，并且移动端大多都是采用slide效果，此文主要是为zepto拓展slide动画。 二.发现    ...
Zepto.js实现fadeIn,fadeOut功能
weixin_30437481的博客
06-21 402
Zepto是一个轻量级的针对现代高级浏览器的JavaScript库，它与jquery有着类似的api。 如果你会用jquery，那么你也会用zepto。 Zepto的设计目的是提供 jQuery 的类似的API，但并不是100%覆盖 jQuery 。所以会有些jQuery的动画功能Zepto实现不了，例如fade动画，但官方提供了解决办法， 主要是通过引入两个js插件：animate.js，...
animate.css在Vue.js中使用的实例代码
最新发布
04-19
以下是animate.css在Vue.js中使用的实例代码： <template> <div> <h1 v-animate="'fadeInUp'">Animate.css in Vue.js</h1> </div> </template> <script> import 'animate.css' export default { name: 'App', } </script> <style> h1 { animation-duration: 3s; } </style>
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值