控制可排序项目的数量

Question

我有2个ul，一个是draggable，另一个是可排序的，Sortable有一个max-height，Draggable的项目有它的高度。

我只想在总高度＆lt; = max-height of sortable时添加一个项目，但仍然可以排序（不要禁用它）。

在此处查看此示例：

http://jsbin.com/asIveBo/2/edit

Answer 1

这是你想要的吗？

<强>更新

var reject = false;
var received = false;

$('#tu').sortable({
  connectWith: '.connectedSortable',
  update: function( event, ui ) {
    if(reject && received)
      ui.item.remove();
    if($('ul#tu').height()+'px' == $('ul#tu').css('max-height'))
      reject = true;
    received = false;
  },
  receive: function( event, ui ){
    received = true;  
  }
});
$('#ke li').draggable({
  helper: 'clone',
  connectToSortable: $('#tu')
});