jQuery UI在div中與ul連接

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/