更改拖动元素的相对位置

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一起使用。 希望它能工作。