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

Question

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

我尝试过使用here中的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;
}