jquery拖放-用鼠标激活dropzone，而不是拖动元素的中心

Question

我想把一些元素放到另一个元素中。我的问题是只有当拖动的元素的中间部分进入dropzone时，dropzone才会被激活。所希望的行为是在鼠标进入/悬停下降区域时立即激活下降区域。

我很抱歉，这是一个无需思考的问题，但对我来说不是…

我尝试了不同的选择，例如：

cursorAt: 
snap:
handle:

但他们都没帮上什么忙。。。我刚刚创建了一个jsfiddle来解释我的问题。

http://jsfiddle.net/FxEm7/3/

非常感谢和问候海岸

Answer 1

查看可丢弃的tolerance选项，并将其值设置为pointer，如下所示：

$("#drop1, #drop2, #drop3").droppable({
tolerance: "pointer",
hoverClass: "ui-state-hover",
handle: ".msgHandler",
drop: function(ev, ui) {
console.log("msg_id = "+ui.helper[0].id);
console.log("drop_id = "+this.id);
}
});

Answer 2

正确的公差值为"touch"。

http://api.jqueryui.com/droppable/#option-公差