1

问题:http: //jsfiddle.net/Drath/Y9k3P/

我在两个对话框之间连接两个 jQueryUI 可排序列表时遇到了这个问题。问题归结为浮动。如果您在它自己的对话框中移动可排序,它会完美运行。如果您尝试将其移动到另一个对话框,它将无法注册为“接受”可排序的元素没有高度,因为它的所有元素都是浮动的。

我试过的:

尝试使用display:inline-block而不是浮动。这确实有效,但会使拖放运动真正出现故障/零星,并对布局产生奇怪的影响。

尝试使用所有不同的 clearfix/float 方法(强制容器大小)。这些也可以工作,但拖放运动再次出现故障/零星。

尝试使用与 clearfix 方法相同的效果设置特定的容器高度。

尝试了可排序选项的一百万种不同组合。

我愿意接受建议和可能的替代解决方案来模拟这种效果/功能。谢谢!

4

1 回答 1

1

在玩了你的代码之后,我终于让它工作了。

我认为这里的重点是选择器中的float: left;语句#sortable1, #sortable2

我还将您的 div 转换为 ul 和 li 组合。我还没有尝试过使用 div 的解决方案。

这是我的 jsJiddle 解决方案:http: //jsfiddle.net/AramCH3K/5xKuh/3/

拖动在文本前面显示一个点的项目时,我没有对故障进行太多工作。它与克隆列表项有关,但我不知道如何设置克隆项的样式。必须有一种方法可以为其添加list-style-type: none;样式。

编辑:

我已经使用此处的答案更新了我的代码,以克服拖动故障。

这是我更新的 jsFiddle 解决方案:http: //jsfiddle.net/AramCH3K/U6LVa/

最终编辑:

在我更新的解决方案中,我使用了克隆,我认为它提供了一个更清洁的解决方案。

于 2013-10-04T14:07:34.960 回答