jquery - 使用 jquery ui droppable 和 elementFromPoint 获取放置元素下方的元素

Question

我在 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 );

        }
    });

Answer 1

我找到了一个“似乎”的解决方案，方法是将可放置容器上当前元素的所有 z-index 设置为 z-index: 10000 + 我这样我就得到了下面的元素!

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

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

我很高兴! :-)