jquery - 如何在 ipad 等触摸屏上制作可拖动的 jquery？

Question

我已经实现了 jquery 可拖动图像幻灯片，可以在浏览器上正常工作，但不能在 ipad 等触摸屏上工作。

我已经尝试从这里使用 jQuery UI Touch Punch但仍然无法正常工作。

知道如何让它在触摸屏上可拖动吗？

这是我的脚本：

$('#magnify-glass').draggable({ 
            axis: "x", 
            containment: "parent",
            snap: '.snap',
            snapMode : 'inner',
            snapTolerance : 30,
            cursor: 'move',

            drag: function(event, ui) {
                updateImagePosition(event, ui);
            }
        });

CSS

#magnify-glass {


width: 122px;
  height: 121px;
  background: url("images/magnify.png") no-repeat;
  position: absolute;
  top: -50px;
  left: 0;
  z-index: 10;
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

#shelf #magnify-glass:hover {
  cursor: pointer !important;
}