javascript - 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 元素。

只需从 .item 中删除 float: left; 即可。请参阅 fiddle :http://jsfiddle.net/hhxpw882/2/