JQuery使用指针容差

时间:2015-11-04 09:28:25

标签: javascript jquery draggable droppable

我坚持以下内容:

 $(this).draggable({
    cursor: 'move',
    containment: "#parent",
    helper: 'clone',
    revert: 'invalid'
});

 $(this).droppable({
    tolerance: 'pointer',
    drop: M_DropObject,
    hoverClass: "ActiveDropZone"
});

我试图将大对象拖放到小的放置区域中;

删除操作并不总是成功(很有可能在单击中间的可拖动对象时)。可放置容差设置为'指针',但即使指针悬停在其上,放置区也不响应。 Demo

1 个答案:

答案 0 :(得分:2)

事实证明,containment选项导致了此问题。 我删除了它并且放下工作正常。

$(this).draggable({
    cursor: 'move',
    //containment: "#parent",
    helper: 'clone',
    revert: 'invalid'
});

Demo