jQuery droppable项重叠

Question

我有1个可拖动的div和2个可放置的div。那2个可丢弃的div也是可拖动的，所以这两个div可能有重叠。在那种情况下，当我拖动可拖动的div并放到重叠的div时，无论如何都要确保它被放在顶部的那个？

Answer 1

我遇到了一个稍微不同的问题：我有两种类型的droppables，一种类型总是在另一种类型之上。

要知道可拖动掉落在哪个droppable上，较高的droppable在拖动它时为拖动添加了一个类。在两个droppable上触发drop事件时，检查下面的droppable以查看draggable是否具有添加的类。如果是，则忽略掉落事件。

top.droppable({
    over: function( drop_event, drop_ui ) {
      drop_ui.helper.addClass('over_top_element');
    },
    out: function( drop_event, drop_ui ) {
      drop_ui.helper.removeClass('over_top_element');
    },
    drop: function(drop_event, drop_ui) {
      //Handle drop here
    }
});

bottom.droppable({
    drop: function(drop_event, drop_ui) {
        if (!ui.helper.hasClass('over_top_element'))
        {
            //Handle drop here
        }
    }
});