Проверьте мои обновленные jsfiddle
Я добавил это ниже вывода вашей консоли:
$('#special').sortable({
receive: function(event, ui) {
$(ui.sender).sortable('cancel');
$(ui.sender).sortable( "option", "placeholder", 'custom' );
}
});
Как только ваше условие достигнуто, это отменяет любые новые элементы списка, перетаскиваемыеэтот список, так что список не станет больше, но вы все равно можете удалить элементы и изменить порядок элементов самостоятельно.Добавление пользовательского css empty к заполнителю заставит заполнитель не занимать места, поэтому вы не сможете увидеть его при перетаскивании в специальный контейнер.