jQuery 可排序不适用于浮动项目

Question

我正在尝试将一个列表项从一侧移动到另一侧。 但是，它似乎不起作用。 我可以将列表项从左向右移动，但不能反过来。 左侧有一个浮点数：在 CSS 文件表中的左侧。 如果我删除它，一切似乎都有效。 我怎样才能解决这个问题？

任何人？

Answer 1

该问题仅与您的 CSS 部分有关。 当您浮动：离开 UL 时，它不会呈现为块。 快速修复是使用标准的“clearfix”范例：

#newsLayout ul {display:block;overflow:hidden}

Answer 2

不要在 List1 LI 元素中使用float: left ，而是使用display: inline-block 。

有关更多详细信息，jQuery 的 UI 文档中有一个示例，它或多或少完全符合您的需要。

http://jqueryui.com/demos/sortable/#connect-lists