使用jquery ui droppable和elementFromPoint获取被删除元素下面的元素

时间:2015-01-26 08:53:25

标签: jquery html css jquery-ui

我在IE 11上使用jquery ui droppable / draggable。

当我删除一个元素时,我想让被删除元素下面的元素。

目前我得到的是targetElement是我丢弃的元素......

为什么?

我到处都读到了在drop事件中我得到了被删除元素下面的元素,但是我得到了被删除的元素......

    $("#container").droppable({
        accept: ".droppableElements",
        activeClass: "ui-state-hover",
        hoverClass: "ui-state-active",
        drop: function (event, ui) {


var targetElement = document.elementFromPoint(event.clientX, event.clientY);
ui.draggable.detach().insertBefore(targetElement );

        }
    });

1 个答案:

答案 0 :(得分:0)

通过将droppable容器上当前元素的所有z-index设置为 z-index:10000 + i,我找到了“似乎”的解决方案,这样我就得到了元素!

从下面的元素开始 - 因为它由多个div组成 - 我这样做是为了让父元素具有某个类:

var parent = $(targetElementBeneathDroppedElement).closest('。refOptionItem')[0];

我很开心! : - )