简言之,zepto 是移动端的 jQuery,虽然很多地方不完全相同,不过详细的内容就不介绍了,主要把使用 zepto 时遇到过的问题总结一下。
zepto 是分成多个模块的,最基础的文件不包含 touch(事件监听模块)、fx(animate方法)、selector(jQuery选择器扩展) 等模块,需要的话要自行打包整合(github地址:https://github.com/madrobby/zepto),当报某个方法错误或者无该方法时,记得先查看自己引用的 zepto 文件里是否包含该模块。
zepto 的 click 事件触发有个 300ms 的延迟,如果需要立即触发请使用 tap 事件代替(但是 tap 会有点透问题,详细情况可以自行搜索“zepto点透问题”)。
zepto 的 animate 方法移动某个元素的位置时,例如修改某个绝对定位的元素的 left 值,要与修改前的值单位一致,修改前如果是像素值,修改后也要是像素值,否则android 手机上将不会出现动画效果,而是直接把元素放到修改后的位置。使用 jQuery 时会进行计算并最后赋值为像素值,zepto 省略了转换所以会有单位问题,需要注意。