jQuery-更新脚本以支持触摸屏（scrollview）

我一直在用这个。该脚本似乎不支持触摸屏，因此我花了一天的大部分时间试图找出如何在脚本中添加触摸屏支持

我考虑过切换到jquerydraggable，但它的工作方式与上面的脚本似乎不一样

---

有人能给我一些关于如何添加触摸支持的建议吗？

我也遇到了同样的问题。首先，我切换到jQueryUI并尝试使用draggable实现这一点，但这不是我想要的。然后我发现了一个很棒的插件叫pep。它与jQueryUI具有相同的选项，但工作更为出色，也适用于移动设备，并具有动态阻力

在这里，您可以检查脚本并查看演示

---

希望它能帮助您：）

只需在鼠标事件转换层中包含一些触摸事件，如下所示：

添加

$（“#yourElement”）.touchIt（）在您的代码中调用将把该对象的每个触摸事件转换为鼠标事件，并且当每个touchstart都转换为mousedown等等时，它应该可以完美地工作

但要小心，如果您的可触摸表面太大，可能会阻止用户滚动页面。[]
最近有人教我如何检测交换触摸屏事件，通过该事件，我可以修改以前不支持触摸屏移动事件的任何滑块框架的默认行为。或者有时可以使用它来分离交换层，以在某些情况下显示不透明度控制

我觉得很容易与其他框架集成


/**
*请求动画帧并取消多边形填充
*/
（功能（）{
var lastTime=0；
var供应商=['ms'，'moz'，'webkit'，'o']；
对于（var x=0；xul”，元素）；
变量窗格=$（“>ul>li”，元素）；
变量窗格宽度=0；
变量窗格高度=0；
变量pane_count=panes.length；
var current_pane=0；
var carousel_bottom=0；
var carousel_top=0；
var转盘头=85；
var被扩展；
var_ypos；
/**
*首字母
*/
this.init=函数（）{
setPaneDimensions（）；
$（窗口）.on（“加载调整大小方向更改”，函数（）{
setPaneDimensions（）；
//updateOffset（）；
})
};      
/**
*设置窗格尺寸并缩放容器
*/
函数setPaneDimensions（）{
窗格宽度=元素宽度（）；
窗格。每个（函数（）{
$（此）.width（窗格宽度）；
});
容器宽度（窗格宽度*窗格计数）；
//设定起点
旋转木马顶部=$（窗口）.height（）-旋转木马头部；
setContainerOffsetY（旋转木马顶部）；
is_expanded=false；
};
this.updatePaneDimensions=函数（）{
变量窗格=$（“>ul>li”，元素）；
var paneWidth=panes.first（）.width（）；
var containerWidth=窗格宽度*窗格长度；
$（container.css（'width'，containerWidth）；
//更新窗格计数
窗格计数=窗格长度；
//重置当前窗格
this.showPane（当前窗格，false）；
}
/**
*按索引显示窗格
*@param{Number}索引
*/
this.showPane=函数（索引、动画）{
//在界限之间
index=Math.max（0，Math.min（index，pane_count-1））；
当前窗格=索引；
var偏移=-（（100/窗格计数）*当前窗格）；
setContainerOffset（偏移量，真）；
}                
函数setContainerOffset（百分比，动画）{
container.removeClass（“动画”）；
如果（动画）{
container.addClass（“动画”）；
}
var px=（（窗格宽度*窗格计数）/100）*百分比；
if（现代化CSTRANSFORMS3D）{
css（“transform”、“translate3d（“+percent+”%，0,0）scale3d（1,1,1）”）；
}
else if（现代化CSTRANSFORMS）{
css（“transform”，“translate”（+percent+“%，0）”）；
}
否则{
var px=（（窗格宽度*窗格计数）/100）*百分比；
css（“左”，px+“px”）；
}
}
函数setContainerOffsetY（ypos，动画）{
element.removeClass（“动画”）；
如果（动画）{
元素addClass（“动画”）；
}
_ypos=ypos；
如果（现代化csstransforms3d）{
css（“transform”，“translate3d（0，+ypos+”px，0）scale3d（1,1,1）”；
}
else if（现代化CSTRANSFORMS）{
css（“transform”，“translate（0，+ypos+“px）”）；
} 
否则{
css（“top”，ypos+“px”）；
}
}
this.next=function（）{返回this.showPane（当前_pane+1，true）；}；
this.prev=function（）{返回this.showPane（当前_pane-1，true）；}；
this.togglePane=函数（展开）{
//待办事项：“扩展”
如果（！已展开）{
//扩展
self.expand（）；
}否则{
//崩溃
自我崩溃（）；
}
}
this.expand=functi