Jquery 如何添加到使用float:left的排序表中？

我有一个2列的容器，由一堆左浮动元素组成。我希望能够通过将另一个元素的克隆拖动到可排序表内部，向其中任意添加许多新元素

我遇到的问题是，当我将新框拖到可排序框上时，会出现很多闪烁，很难将框拖到正确的位置。我做错了什么

这是一个说明问题的例子

HTML:

---

尝试使用第二个可排序而不是可拖动的connectWith选项。jQuery的表现似乎更好：

$('#box_container').sortable();

$('#new_box_container').sortable({
    connectWith:'#box_container'
})

请注意，我没有给第一个排序表一个connectWith，所以它只允许您单向拖动。我相信这是你的意图

你还需要重做它的克隆方面，但这并没有给我任何闪烁

例如：

$('#box_container').sortable();
$('#new_box_container .box').draggable({
    items: '.box',
    helper: 'clone',
    appendTo: '#box_container',
    connectToSortable: '#box_container'
});

$('#box_container').sortable();

$('#new_box_container').sortable({
    connectWith:'#box_container'
})