Javascript jQuery UI:无法拖动z索引堆栈中的元素

我正在开发一个包含许多可拖动和可拖放元素的应用程序。除了这一种情况外，它们都可以工作：

这应该是可拖动的：

<div id="8093244595324" class="insertion ui-draggable" style="z-index: 4; position: relative;">
    Test Accou...<br />0.330H
</div>

我不确定z-index内容是否相关，因为我已经注意确保绑定到的draggable元素位于堆栈顶部

以下是可拖动的绑定：

$('.insertion').draggable({
    start: handleDragStart
});

和handleDragStart：

function handleDragStart( event, ui ) {
    var $insertion = ui.helper,
        insertion = getInsertion($insertion.attr('id'));

    // This insertion is in the air now... it has no blocks
    insertion.insertionBlocks = [];
}

---

任何洞察都将不胜感激。

我删除了除了插入之外的所有z-index值。

z-index不应该直接影响元素是否“可拖动”，只影响它在z轴上的位置（如果元素出现在其他元素的前面或后面），除非我的mousedown事件没有到达它，我只是附加了一个克隆（true，true）我在克隆上的鼠标向下移动触发了对原始元素的拖动。我认为mousedown没有达到这个目的..remove（）'将最初位于它上面的z-index层暂时解决了这个问题-但这不是一个解决方案。我不明白为什么使用.css（'z-index'，'100'）作为解决方案是行不通的。我坚信这与z-index上下文有关。父元素的位置为：绝对。但将可拖动元素位置设置为相对并不能解决此问题

$('.insertion').draggable({
    start: handleDragStart
});

function handleDragStart( event, ui ) {
    var $insertion = ui.helper,
        insertion = getInsertion($insertion.attr('id'));

    // This insertion is in the air now... it has no blocks
    insertion.insertionBlocks = [];
}