Question

我正在构建一个图表界面，允许用户将外部点拖到图表上然后我在drop上获得鼠标位置并在那里添加一个点。

然而，点的直径为35px，因此可以在角落处抓住点。当发生这种情况时，在图表上绘制的点与用户期望点的位置明显不同。

我无法想象这是唯一一次出现这种情况，是否有一种简单的方法来确保物体的中心点是药物？

Answer 1

事实证明，这很简单，只是写了一个问题，找到用于搜索答案的正确单词：

     $('.to_drop').draggable({ 
      cursor: 'move',
      cursorAt: { top: 17, left: 17 },
     };

Answer 2

你可以试试这个：

start: function(event, ui){
    $(this).draggable('instance').offset.click = {
        left: Math.floor(ui.helper.width() / 2),
        top: Math.floor(ui.helper.height() / 2)
    }; 
}

Answer 3

您可以设置某种居中的拖动手柄（请参阅http://jqueryui.com/demos/draggable/#handle）

jQueryUI拖动：确保鼠标位于对象的中心

3 个答案: