小编Dav*_*Lin的帖子

我有一个可排序的项目列表，它根据用户在搜索框中键入的内容返回结果。结果总是溢出，在这里我使用以下 css：

#list { overflow-x: visible; overflow-y: hidden; }

这允许我只有一个垂直滚动条。然后，我将列表中的各个 li 拖到可放置区域。使用下面的 JQuery 将可排序功能添加到列表中：

$("#list").sortable({
   connectWith: ".connectedSortable",
   helper: 'clone',
   appendTo: 'body',
   zIndex: 999
});

我使用appendTo：'body'的原因是为了确保被拖动的项目位于所有内容之上，并且在拖动时不会位于列表的其他项目之下。但是，每当我从列表中拖动任何项目时，该项目中的 DIV 的 CSS 样式都会消失。

我知道这是因为当拖动该项目时，它被附加到“body”，因此没有任何父级来继承原始 CSS 样式。

我的问题是如何将拖动的项目设计回其原始样式，以确保即使我拖动/不拖动它它也保持不变？通过事件？

编辑：

找到了 css 混乱的原因。这是一个随机的br扔在两个div之间，导致当项目被拖动并附加到正文时，它会被不同地解释。