jquery - 多个 jquery 可丢弃问题

Question

我有多个可放置 div 的两个问题。

1. 在有两个相邻（或重叠）的可拖放 div 的情况下，一个大的可拖动 div 可能会被两个可拖放 div 接受。如何防止这种情况？我想确保一个可拖动的 div 被一个可放置的 div 接受。

   look here for example: http://jsfiddle.net/GRWJn/1/

2. 如果我将一个可放置 div 的孩子拖到另一个可放置 div，我怎么知道他以前的父母是谁？

   look here for example: http://jsfiddle.net/NE38y/

有什么建议吗？谢谢。

Answer 1

我不确定#1在这种情况下你是否可以阻止，但如果你让drop1父母drop2使用阻止传播的greedy:true 选项，你可以这样做。

关于#2：

如果将event参数传递给drop函数，则可以使用event.toElement.parentElement.

例如：

$(".dropzone").droppable({
    hoverClass: "drophover",
    greedy: true,
    drop: function(event) {
        //log parent to console.
        console.log(event.toElement.parentElement);
        $(this).html("dropped!");    
}