当可排序更改大小时，jqueryui draggable / sortable无法正常工作？

Question

我将一个项目拖入可排序的项目中。可排序的大小是动态的，并且在拖动开始时会增长。可分类的新区域似乎并不像我预期的那样被视为有效的下降区域，只有初始区域对于丢弃是有效的。

有没有办法告诉draggable / sortable＆＃34;更新＆＃34;？

基本上，这样的事情：

$('.draggable').draggable({
    connectToSortable: ".sortable",
    start: function () {
        $('.sortable').width(300);
    }
});

我有一个jsfiddle来证明这个问题：http://jsfiddle.net/o4oLcu0g/

Answer 1

欢迎使用Stack Overflow。我用答案更新了你的小提琴：

http://jsfiddle.net/Twisty/o4oLcu0g/1/

我做了一个小改动：

.group {
  background-color: gray;
  border: 1px solid #000;
  margin: 5px;
  padding: 5px;
  max-width: 100px;
} 

sortable正在尝试将对象添加到当前元素的右侧或左侧以及上方和下方。设置max-width将促进增长。