Javascript jQuery ui可拖动元素位于其他可拖动元素下

我对jQuery Ui可拖动元素的样式有问题。 这是我的

正如你们所看到的，我有两个可拖放的区域，每个区域中的元素都是可拖放的，并且可以将元素从一个块拖放到另一个块 这里唯一的问题是，当我将元素从顶部块拖动到底部块时，拖动的元素位于可拖放的元素下方，但当我从底部块拖动到顶部块时，没有这样的问题

这是拖动的代码

$(".slide").draggable({
    // brings the item back to its place when dragging is over
    revert:true,
    // once the dragging starts, we decrease the opactiy of other items
    // Appending a class as we do that with CSS
    start: function(event, ui) { $(this).css("z-index", a++); },
    drag:function () {
        $(this).removeClass('droped');
    },
    // adding the CSS classes once dragging is over.
    stop:function () {
        $(this).addClass('droped');
    },
    zIndex: 10000,
    snapMode: "inner"
});

---

有人能帮我吗，我已经在做了2天了，还不知道是什么问题，我试着改变每个区块的z指数位置，但没有结果

我发现我的代码只是第一次起作用——我从JQueryá和css中删除了一些z索引，现在它每次都对我起作用：

---

我的JFIDLE似乎没有更新以共享。。以下是工作代码：

$(".slide").draggable({
        // brings the item back to its place when dragging is over
        revert:true,
        // once the dragging starts, we decrease the opactiy of other items
        // Appending a class as we do that with CSS
        start: function(event, ui) { $(this).css("z-index", a++); },
        drag:function () {
            $(this).parent().css('z-index', '10001');
            $(this).removeClass('droped');
        },
        // removing the CSS classes once dragging is over.
        stop:function () {
            $(this).parent().css('z-index', '10001');
            $(this).addClass('droped');
        },
        zIndex: 10000,
        snapMode: "inner"
    });

---

我给持有

li

的

ul

提供了一个z-索引，该索引高于下面列表中的

li

。

避免使用技巧，使用div而不是ul或li来进一步兼容

此外，您不需要侦听start事件来设置z-index属性。由于这个原因，.draggable（）api公开了

Here is the demo working:

---

您的小提琴不工作，但您可以尝试为您试图移动的块提供z索引，也可以为您想要移动的块提供z索引，以便从

ul中删除
z索引：2
。图书列表

请不要绕过质量过滤器。这不是你的第一个问题。tnx，但ul已经设置了z-index:2，我找不到你改变了什么，请你解决了问题，并进行了修改，请更新if并发送给我类似的请求，tnx你有点破坏了拖放，你注意到了吗？请不要仅仅因为询问者做了同样的操作就绕过质量过滤器。链接是要被点击的。@randy是的，我注意到了，但这只是清楚的一点：都在css上。将其移除，即可使其正常工作；）