jquery 手机端左右滑动事件

对于手机端swipe左右滑动事件
可以到百度盘下载jquery或者到官网下载http://pan.baidu.com/s/1geVWZkf
只要下载jquery.min.js和jquery.mobile-1.4.5.min.js两个就行
html代码如下
[php]
<div data-role="page" class="pageone">
<div class="swipe" style="width:200px; height:200px; border:1px solid #333; margin:0 auto;"><p>Hello World!</p></div>
</div>
[/php]
js代码
[js]
$(document).on("pagecreate",".pageone",function(){
$(".swipe").on("swipeleft",function(){
alert(‘swipeleft’);
});
});
$(document).on("pagecreate",".pageone",function(){
$(".swipe").on("swiperight",function(){
alert(‘swiperight’);
});
});
[/js]
不过这种jquery.mobile-1.4.5.min.js加载了太多东西，会造成我的网站搜索有还有一些其他问题，如果你技术很好应该可以出来好。

还有一种方法使用jquery-3.1.1.min.js和jquery.touchSwipe.min.js
然后加载js代码
[js]
$(function(){
$(‘.swipe’).swipe({
swipeLeft:function(){
alert(‘swipeLeft’);
},
swipeRight:function(){
alert(‘swiperight’);
}
});
});
[/js]