在可放置区域中仅拖动 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;
  }
});