更改拖动元素的相对位置

Question

我正在使用jQuery UI来拖动一些图标。我成功使用了可拖动功能。

但是现在，当我用手指拖动图标时（它在手机上），我想看到图标被拖动，所以我决定增加宽度（因为我们有大手指）。

然而，当我拖动图标时会发生这种情况：

另外，有关信息，请参阅我的拖动事件代码：

$("#icon").draggable({
  helper: 'clone',
  start: function(event, ui) {
    $(ui.helper).css('width', "150%");
  },
  stop: function(event, ui) {
    $(ui.helper).css('width', "100%");
  }
});

Answer 1

Draggable有一个cursorAt选项：

  

设置拖动助手相对于鼠标光标的偏移量。可以使用一个或两个键的组合将坐标作为哈希给出：{ top, left, right, bottom }。

您可以使用：

$( ".selector" ).draggable({
  cursorAt: { left: 5 }
});

默认情况下，jQuery UI不支持触摸事件。我相信你在jQuery UI Touch Punch中使用它。希望它有效。