jQuery可排序不与浮动项目一起工作

Question

4

我想把一个列表项从一边移动到另一边。但是，它似乎不起作用。我可以将列表项从左侧移动到右侧，但不能反过来。左侧在CSS文件中有float：left。如果我删除它，一切都正常工作。我该如何解决这个问题？

有人能帮忙吗？

- Dexty

什么？你可以将项目从左到右移动？ - Dexty

是的...从左到右和从右到左...使用Chrome... - Sani Huttunen

请不要在此处使用URL缩短服务。 - Jan Hančič

你能“堆叠”这些项目吗？比如将一个移动到另一个，双向都可以？在这里不起作用（使用Chrome和FF）。 - Dexty

2个回答

6

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

更多细节，请参考jQuery UI文档中的示例，该示例几乎完全符合您的需求。

- Tuco

我知道，并且我已经查看了它，但是当我浮动左侧列表时，它不会“堆叠起来”。 - Dexty

这个！抛弃浮点数，总是会出问题。inline-block 是你的新朋友。 - Waltur Buerk

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- John Green · Accepted Answer

这个问题只有一部分与你的CSS有关。当你使用float:left来设置UL时，它不会呈现为块状元素。快速解决方法是使用标准的“clearfix”设计：

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