问题： http://jsfiddle.net/Drath/Y9k3P/
我一直有这个问题在两个对话框之间连接两个jQueryUI可排序列表。问题归结为浮动。如果你在它自己的对话框周围移动sortable，它可以完美地工作。如果你试图将它移动到另一个对话框，它将无法注册为“接受”可排序的元素没有高度，因为它的所有元素都是浮动的。
我尝试了什么：
尝试使用display:inline-block代替浮点数。这确实有效，但是拖放运动真的很麻烦/零星，并且对布局做了奇怪的事情。
尝试使用所有不同的clearfix / float方法（强制容器大小）。这些也可以工作，但拖放运动再次出现故障/零星。
尝试设置特定的容器高度，其效果与clearfix方法相同。
尝试了数百万种不同的可排序选项组合。
我愿意接受建议和可能的替代解决方案来模拟这种效果/功能。谢谢！
答案 0 :(得分：1)
在玩完你的代码后，我终于让它发挥了作用。
我认为这里的关键点是float: left;选择器中的#sortable1, #sortable2语句。
我还将你的div转换为ul和li组合。我没有尝试使用div的解决方案。
这是我的jsJiddle解决方案：http://jsfiddle.net/AramCH3K/5xKuh/3/
拖动在文本前面显示一个点的项目时，我没有太多关于毛刺的工作。它与克隆列表项有关，但我不知道如何设置克隆项的样式。必须有一种方法可以添加list-style-type: none;样式。
修改
我已使用答案here更新了我的代码，以克服拖拽故障。
以下是我更新的jsFiddle解决方案：http://jsfiddle.net/AramCH3K/U6LVa/
最终修改：
在我的updated solution我使用过克隆，我认为它提供了一个更清洁的解决方案。