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

Question

我在使用 jQuery UI 的 sortable() 对动态添加到容器中的图像进行排序时遇到问题。我认为这在某种程度上是一个 CSS 问题，因为如果我将元素显示为 block ，即堆叠，它会完美地工作:

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

图像是可排序的，所以我知道 JS 正在工作，我只是不能正确地删除它们。我确实注意到在做 fiddle 时，点击会使它们四处移动。在我的应用程序中，单击会从可排序区域中删除该元素，因此我之前没有注意到这一点。主要问题仍然存在。

现在，如果我将图像向左浮动，添加它们时将无法对其进行排序(我使用的是最新的 Chrome):

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

请注意，如果图像已存在于页面加载时的可排序 div 中，则一切正常:

http://jsfiddle.net/zf9pR/

我真的坚持这一点，非常感谢任何帮助!我找不到任何专门解决此问题的问题。如果您找到了，请告诉我!

Answer 1

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