zepto 滑动事件

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

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

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

　　解决方法：

/**
* 第一个参数为要滑动的元素
* 第二个参数为方向  * 第三个参数为滑动后要执行的函数
*/
function swipe(dom,dir,fun) {
    var startX,
        startY,
        endX,
        endY,
        door;
    dom.addEventListener('touchstart', touchStart, false);
    dom.addEventListener('touchmove', touchMove, false);  
    dom.addEventListener('touchend', function(event){
        if(door){
        //判断滑动方向
            switch(dir){
                case 'left':if (endX- startX < 0) {
                    fun();
                }             break;
                case 'right':if(endX-startX > 0){
                    fun();
                }
                break;
                case 'top':if(endY-startY < 0){
                    fun();
                }
                break;
                case 'bottom':if(endY-startY > 0){
                    fun();
                }
                break;
            }
        }
        door = false;
    }, false); 
    function touchStart(event){
        var touch = event.touches[0]; //获取第一个触点  
        startX = Number(touch.pageX); //页面触点X坐标  
        startY = Number(touch.pageY); //页面触点Y坐标 
    }     
    function touchMove(event){
        touch = event.touches[0];
        endX = Number(touch.pageX);
        endY = Number(touch.pageY);
        door = true;
    } 
}
//举例
swipe(document,"right",function(){
 console.log("向右滑动");
});