jQuery可排序不使用浮动项

时间:2011-05-26 11:16:29

标签: javascript jquery jquery-ui

我正在尝试将一个列表项从一侧移动到另一侧。但是,它似乎不起作用。我可以从左到右移动列表项,但不是相反。左侧有一个浮点数:左边是CSS文件表。如果我删除它,一切似乎都有效。我该如何解决这个问题?

任何?

2 个答案:

答案 0 :(得分:14)

问题只与你的CSS有关。浮动时:离开UL,它不会呈现为块。快速解决方法是使用标准的'clearfix'范例:

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

答案 1 :(得分:6)

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

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

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