Question

当我拖动一个draggable时，我创建了一个与原始draggable不同的帮助器。我希望droppables根据鼠标位置检测入口等。但他们目前似乎是基于可拖动（帮助者）的中心。有没有办法根据鼠标位置制作它？

如果没有，作为第二种选择，有没有办法在拖动开始时立即使拖动中心与鼠标对齐？我试过这个（Coffeescript）并且它不起作用，鼠标位于其点击的位置：

centerDragCursor = (event, ui) ->
  $(this).draggable("option", "cursorAt", {
    left: Math.floor(ui.helper.width() / 2),
    top: Math.floor(ui.helper.height() / 2)
  })

tool.draggable {
  helper: (event) -> make_new_helper_with_different_size(this)
  appendTo: '#container'
  start: centerDragCursor
}

谢谢！

Answer 1

不确定，但Droppable上的“容差”选项最终可能是您正在寻找的内容：

$( ".selector" ).droppable({ tolerance: "pointer" });

请参阅http://api.jqueryui.com/droppable/#option-tolerance

Draggable / Droppable - 如何根据鼠标位置（不是辅助中心）进行放置？

1 个答案: