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

时间:2016-03-08 17:52:51

标签: jquery-ui draggable jquery-ui-sortable

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

有没有办法告诉draggable / sortable"更新"?

基本上,这样的事情:

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

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

1 个答案:

答案 0 :(得分: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将促进增长。