Javascript 初始化jquery ui只能水平拖动，不能垂直拖动

我已经为移动设备构建了一个旋转木马，您可以在其中拖动一张卡，当您释放它时，它会落后于其他卡（请参见代码片段），使用jquery ui draggable

当我向左或向右拖动时，我可以正常工作，但问题是：当用户想要向下或向上滚动时，会触发拖动，而他无法向下或向上滚动

我怎样才能解决它？我尝试了“axis:'x'”选项，但它不起作用，因为用户永远不会“完美地”垂直滚动

可能是检测触摸事件的角度

提前谢谢

var$draggable=$（'.card'）.draggable({
回复：对，
持续时间：0，
轴：“x”
});
$draggable.on（“dragstop”，函数（事件，用户界面）{
var self=$（这是）；
var container=self.closest（'.container'）；
container.append（self）；
self.removeAttr（“风格”）；
});
.container{
位置：相对位置；
最大宽度：350px；
垫面：60%；
保证金：100像素自动；
}
.卡片{
位置：绝对位置；
排名：0；
左：0；
变换原点：中心；
过渡：前0.3名；
过渡：左0.3s；
宽度：250px；
高度：300px；
边界半径：5px；
}
.card1{
背景：rgb（216、120、47）；
}
.card2{
背景：rgb（230、249、54）；
}
.card3{
背景：rgb（73,249,54）；
}
.卡片：第n个孩子（1）{
z指数：10；
顶部：0px；
变换原点：顶部；
变换：比例（1）；
不透明度：1；
过渡：均为0.3秒；
}
.卡片：第n个孩子（2）{
z指数：9；
顶部：-15px！重要；
变换原点：顶部；
变换：比例（0.9）；
不透明度：0.9；
过渡：均为0.3秒；
}
.卡片：第n个孩子（3）{
z指数：8；
顶部：-30px！重要；
变换原点：顶部；
变换：比例（0.8）；
不透明度：0.8；
过渡：所有0.3秒；秒
}
.卡片：第n种类型（1n+4）{
z指数：7；
顶部：-45px；
变换原点：顶部；
-webkit变换：比例（0.7）；
变换：比例（0.7）；
不透明度：0；
}
李{
显示：内联块；
}






传统上，$.ui库在移动设备上不起作用，它通常与一个专门用于此目的的附加组件（有几个）一起使用。相关问题：其实我的目标是做像滑头：。。。如果我水平拖动，它会工作，如果我垂直拖动，它会向下或向上滚动。我怀疑您还需要将
包含：“parent”
选项与parent或其他可拖动元素一起包括在内。传统上，$.ui库在移动设备上工作不太好，它通常与一个专门用于此目的的附加项（有几个）一起使用。相关问题：其实我的目标是做像滑头：。。。如果我水平拖动，它会工作，如果我垂直拖动，它会向下或向上滚动。我怀疑您还需要将
包含：“parent”
选项与parent或其他元素一起包含在可拖动的文件中。