移動端上下左右滑動


<script type="text/javascript" src="./swip/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="./swip/jquery.touchSwipe.min.js"></script>
<script type="text/javascript">
    $(document).ready(
        function() {
            $(".container").swipe(
                {
                     swipe:function(event, direction, distance, duration, fingerCount) {
                        if(direction == "left"){
                            alert("向左滑動了");
                        }else if(direction == "right"){
                            alert("向右滑動了");
                        }else if(direction == "up"){
                            alert("向上滑動了");
                        }else if(direction == "down")
                        {
                            alert("向下滑動了");
                        }
                    }
                }
            );
        }
    );
</script>
</head>
<body>


<div class="container" style="height:100%;weight:100%;color:red">


</div>




</body></html>


這個庫 的滑動事件會在a標籤裏面失效,具體見博客:http://blog.csdn.net/bingqingsuimeng/article/details/39609899

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章