Контрольное количество элементов на сортируемом

Question

У меня есть 2 ul, один перетаскиваемый и другой сортируемый, Sortable имеет максимальную высоту, а элемент Draggable имеет его высоту.

Я хочу добавить элемент только в том случае, если общая высота равна < = максимальная высота сортировки, но все еще сортируемая (не отключите ее).

Проверить этот пример здесь:

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

Answer 1

Является ли это то, что ищете?

Update

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') 
});