开发者社区> 问答> 正文

关于js问题。

$(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);}    
})

请教大神解释一下这段代码,这个是移动端单页上下滑动的代码,谢谢。

展开
收起
a123456678 2016-03-13 09:19:47 1953 0
1 条回答
写回答
取消 提交回答
  • 这段看起来像是个zepto的插件吧,因为用到了swipe事件回调。翻页的动作具体在pageMove函数里(能看到传进去的参数是页面滑动的方向),题主给的这个是挂到“上滑”“下滑”事件上的回调处理,发生事件后首先检查isAnimating变量,就是看当前有没有进行中的翻页(pageMove里肯定一进去就是设置这个变量为ture的,防止处理一半再来一个的冲突),没有的话,更新last.row(上一页计数器)为now.row(当前页计数器),然后判断是不是第一页/最后一页,如果不是的话后边就执行翻页操作(用pageMove)。那个col应该是处理页面上的组件效果的(类似翻页后,会有小东西一个个的移动淡入那种),不用管。

    2019-07-17 19:01:41
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
23-Vue.js在前端...1506518547.pdf 立即下载
Vue.js 在前端服务化上的探索与实践 立即下载
Vue.js在前端服务化上的实践与探索 立即下载