$(document).swipeUp(function(){
if (isAnimating) return;
last.row = now.row;
last.col = now.col;
if (last.row != 10) { now.row = last.row+1; now.col = 1; pageMove(towards.up);}
})
$(document).swipeDown(function(){
if (isAnimating) return;
last.row = now.row;
last.col = now.col;
if (last.row!=1) { now.row = last.row-1; now.col = 1; pageMove(towards.down);}
})
请教大神解释一下这段代码,这个是移动端单页上下滑动的代码,谢谢。
这段看起来像是个zepto的插件吧,因为用到了swipe事件回调。翻页的动作具体在pageMove函数里(能看到传进去的参数是页面滑动的方向),题主给的这个是挂到“上滑”“下滑”事件上的回调处理,发生事件后首先检查isAnimating变量,就是看当前有没有进行中的翻页(pageMove里肯定一进去就是设置这个变量为ture的,防止处理一半再来一个的冲突),没有的话,更新last.row(上一页计数器)为now.row(当前页计数器),然后判断是不是第一页/最后一页,如果不是的话后边就执行翻页操作(用pageMove)。那个col应该是处理页面上的组件效果的(类似翻页后,会有小东西一个个的移动淡入那种),不用管。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。