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

Question

当我拖动一个可拖动对象时，我创建了一个与原始可拖动对象不同大小的助手。我希望 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