可排序和可丢弃:CSS防止jquery-ui可排序拖动已删除的项目

时间:2012-12-14 01:35:47

标签: jquery jquery-ui jquery-ui-droppable jquery-ui-sortable

question获得答案后,​​我遇到了另一个问题 - 如何才能再次拖动已删除的项目?

我已将已删除项目的css设置为

.dropped-items li {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        width: 120px !important;
        height: auto !important;
        border: 1px solid black !important;
    }

但是这会阻止jquery-ui sortable拖动已删除的项目。

我该怎么办?

jsfiffle

1 个答案:

答案 0 :(得分:0)

你可以通过不使用你指定的css来获得你想要的结果,而是在覆盖元素之后“覆盖”jQuery设置的内联样式:

container.children().last().css({ position: 'relative', top: '', left: '' });

这是updated fiddle