Javascript 滑动div'；她在移动电话上

我正在建立一个网站，为了节省手机版的空间，我想让用户水平浏览几个包含多个

div

的部分，就像在Facebook应用程序上一样。但是，需要刷卡的内容位于

div

中

像jquerymobile和JQTouch这样的框架似乎不适用，因为它们被设计成一个框架

我尝试过使用，以及jQuery mobile和jQTouch框架

那么，是否有人知道有任何独立的JS或jQ插件可以为

div

提供滑动功能？到目前为止，我发现其中一个似乎不起作用，或者需要以与我现有内容不同的方式组织内容

理想情况下，HTML将类似于：

<div class="swipe-wrapper">
    <div class="swipe-element">content</div>
    <div class="swipe-element">contnet</div>
    <div class="swipe-element">content</div>
</div>

内容
康奈特
内容

---

非常类似于我想象中有多少个滑块工作

看看向DIV添加3个事件侦听器，以创建自己的滑动效果。 ontouchstart、ontouchmove、ontouchend

然后分别为上面的每个事件调用这些函数

var startTime,startPoint,endPoint

function moveStart(e){
  startTime = (new Date()).getTime()
  startPoint =  e.originalEvent.pageX   
}

function moving(e){
  endPoint =  e.originalEvent.pageX 
}

function moveEnd(e){
  var d = (new Date()).getTime()
  var secs = (d-startTime)/100
  var delta = startPoint-endPoint

      // if swipe takes longer than .2 of second and less than .6 of a second

  if(secs> 2 && secs <6){

    if(delta>30){ // swipe over at least 30px distance
        //animate the div to move right
    }else if(delta<-30){
        //animate the div to move left
    }
}   
}

var startTime、startPoint、endPoint
函数moveStart（e）{
startTime=（新日期（））.getTime（）
startPoint=e.originalEvent.pageX
}
函数移动（e）{
端点=e.originalEvent.pageX
}
函数moveEnd（e）{
var d=（新日期（））.getTime（）
变量秒=（d-startTime）/100
var delta=起始点端点
//如果刷卡时间长于.2秒，小于.6秒
如果（秒>2&&secs 30）{//至少扫30px距离
//设置div的动画以向右移动
}else if（deltaHmm，这很奇怪。当我在我的网站上加载JQ Mobile时，它会隐藏所有内容，并在页面底部显示“加载”：s