jquery - 仅拖动可放置区域中的 2 个元素

Question

我正在我的项目中使用Jquery可拖动，我有许多可在可拖动区域中放置的元素，但我需要限制只有两个元素可以在可拖动区域中放置

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

我怎样才能实现这个目标？

更新:

我还有一个问题，如果我们有多个可放置位置，并且我只想在每个可放置位置添加 2 个元素，我们该怎么做？

Answer 1

在可删除设置中是accept属性(property)。如果您为此提供一个函数，则可以在允许删除元素之前以编程方式检查是否满足某些条件。因此，您可以计算现有已删除子项的数量，并根据需要返回 true 或 false。像这样的事情:

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