javascript - jquery drag/drop - 用鼠标激活 dropzone 而不是拖动元素的中心

Question

我想将一些元素拖放到另一个元素上。我的问题是拖放区只有在被拖动元素的中间进入拖放区时才会被激活。希望的行为是在鼠标进入/悬停放置区时立即激活放置区。

我很确定这很简单，但不适合我......

例如，我尝试了不同的选项:

cursorAt: 
snap:
handle:

但他们都没有任何帮助...我刚刚创建了一个 jsfiddle 来解释我的问题。

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

非常感谢和亲切的问候肋骨

Answer 1

查看droppable的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);
    }
});