这几天再做一个移动端微官网,用到的是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 });
原文:http://www.cnblogs.com/huyawei/p/5003344.html