更换 jQuery -> Zepto / 优化换页效果
浏览数：139 /
时间：2015年06月09日
Zepto.js 手机版的 jQuery
手机版的网站使用 jQuery 未免太浪费手机的宝贵的流量了吧！那么你应该要试试 Zepto.js 了，单靠它的 8.4k（gzipped）size 完全可以代替掉 jQuery 这只庞大的怪物。
jQuery 的 ajax，addClass，find，next，toggle，wrap。主流的 jQuery API 都有了，并且添加了 touch events。可以长按，滑动，就如使用 iOS 或者 Android 一样。
且添加了 touch events。可以长按，滑动，就如使用 iOS 或者 Android 一样。
轻触：
双击：
长按：
滑动：
滑动自定方向：
tap双击：
doubleTap长按：
longTap滑动：
swipe滑动自定方向：
swipeLeft, swipeRight, swipeUp, swipeDownZepto.js 的网站：http://zeptojs.com/
下载：
开发版：http://zeptojs.com/zepto.js
压缩版：http://zeptojs.com/zepto.min.js
喜欢的话可以查看 GitHub 上的 repo
使用：
跟 jQuery 的加载方法差不多。尽量放在 body 关闭前。
<script src="./js/zepto.min.js"></script>
</body>使用例子：
演示：点击这
// 滑动后显示 【删除】按钮
$(‘#items li‘).swipe(function(){
$(‘.delete‘).hide()
$(‘.delete‘, this).show()
})
// tap 【删除】按钮，移除 li 标签
$(‘.delete‘).tap(function(){
$(this).parent(‘li‘).remove()
})注意事项：
1. 这个 Zepto 使用的 animation 不是 jQuery 的，而是 CSS3 transition
2. 这货的 size 这么小是因为不支持很多游览器，请看：http://zeptojs.com/#browsers 了解支持什么游览器。Zepto 的目的是为了现代手机的游览器而出生的，所以不支持 nokia 的 symbian
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
