Перетаскивайте только 2 элемента в область, которую можно убрать

Question

Я работаю с Jquery перетаскиваемым в моем проекте. У меня есть много элементов для перетаскивания в области перетаскивания, но мне нужно ограничить только два элемента, мы можем перетаскивать в перетаскиваемой области

$('#uploaded-files-list ul li').draggable
    zIndex: 999
    cancelable: true
    revertDuration: 0

как я могу добиться этого?

Обновлено:

У меня есть еще один вопрос, если у нас есть несколько мест, куда можно бросить предметы, и я хочу добавить только 2 элемента в каждое место, куда можно бросить предметы, как мы можем это сделать? сделать это ??

Answer 1

В настройках droppable указано свойство accept. Если вы предоставляете функцию для этого, вы можете программно проверить, что определенные условия выполнены, прежде чем разрешить удаление элемента. Таким образом, вы можете посчитать количество существующих отброшенных детей и вернуть true или false в зависимости от ситуации. Как то так:

$(".drop-area").droppable({
  accept: function() {
    return $('#drop-container > div').length < 2;
  }
});