无法正确排序动态添加的可排序jQuery UI图像

Question

我有一个问题，即将动态添加到容器的图像排序到jQuery UI的sortable()上。我认为这是一个CSS问题，因为如果我将元素显示为块，即堆叠，它可以很好地工作：

http://jsfiddle.net/z6ARX/1/

图像是可排序的，所以我知道JS正在工作，我只是无法正确删除它们。我确实注意到点击动作它们的小提琴。在我的应用程序中单击从可排序区域中删除该项目，所以我之前没有注意到这一点。但主要问题仍然存在。

现在，如果我将图片浮动，当它们被添加时，它们将无法排序（我使用的是最新的Chrome）：

http://jsfiddle.net/QMwfk/1/

值得注意的是，如果图像已存在于页面上的可排序div中，那么一切都很好：

http://jsfiddle.net/zf9pR/

我真的坚持这一点，非常感谢任何帮助！我没有找到任何具体解决这个问题的问题。如果你找到一个，请告诉我！

Answer 1

以下是我认为您遇到的错误 - http://bugs.jqueryui.com/ticket/6702。 sortable确定列表是否在创建时浮动，并且由于列表中没有项目无法分辨。延迟初始化可排序直到添加第一个项目应该修复它 - http://jsfiddle.net/QMwfk/2/。