jquery ui connectwith ul in div

Question

我在div中有一个jquery ui列表。我无法与div中的另一个列表建立连接。 请帮忙。

Jsfiddle:

并排有两个列表。可分类在他自己的div中的每个div中工作。但是你不能将它拖到另一个列表中。

The binding information in javascript:

$( "#itemsHolder" ).sortable({
      connectWith: "#takenHolder",
      placeholder: "ui-state-highlight",

    });


 $( "#takenHolder" ).sortable({
  connectWith: "#itemsHolder",
  placeholder: "ui-state-highlight",


});

有人可以解决这个问题吗？

Answer 1

问题是您的.item有float属性。 connectWith不适用于浮动元素。

只需从float: left;移除.item即可。请参阅小提琴：http://jsfiddle.net/hhxpw882/2/