jquery - 可排序和可放置：CSS 防止 jquery-ui 可排序拖动放置的项目

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。

Answer 1

您可以通过不使用您指定的 css 而是在添加元素后“覆盖”jQuery 设置的内联样式来获得所需的结果：

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

这是更新的小提琴