首页 > 其他 > 详细

zepto 滑动事件

时间:2015-11-28 21:21:25      阅读:941      评论:0      收藏:0      [点我收藏+]

  这几天再做一个移动端微官网,用到的是zepto框架,踩了几个小坑,以此记录一下,强化一下记忆。

  首先,官网提供的文件只包含部分模块。如果你发现自己的触发事件不能触发或者animate()方法等不能实现的话,那说明你没有引入实现该功能的模块,自己去官网下载下并引入就可以了。

  然后要说的是zepto的滑动事件,经测试,其提供的事件在uc和微信里不能被触发。

  解决方法:http://touch.code.baidu.com/  这是百度提供的事件库 下载到自己的文件夹下并引用。  

  然后根据下边提供的代码,按照你的情况改动一下就可以了

 1 //获得要滑动的元素
 2 var target = document.getElementById("nav");
 3 //以下三行不能省略,否则在uc会出现bug
 4 touch.on(target, ‘touchstart‘, function(ev){
 5     ev.preventDefault();
 6 });
 7 //向右滑动
 8 touch.on(target, ‘swiperight‘, function(ev){
 9         console.log("触发向右滑动事件");                                                            
10 });
11 //向左滑动
12 touch.on(target, ‘swipeleft‘, function(ev){
13         console.log("触发向左滑动事件");    
14 });

 

  

zepto 滑动事件

原文:http://www.cnblogs.com/huyawei/p/5003344.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!