jquery ui sortable - 仅包含或取消可排序中的某些项目，仅某些目的地

Question

这是它的症结所在：我需要仅针对特定项目禁用/包含在两个可排序项之间拖放，同时允许在它们的可排序项中拖放这些相同的项目。我不知道如何使用cancel 或containment 做到这一点，因为它们要么适用于所有排序，要么适用于所有项目。是否可以只取消可排序之间的排序？还是可以只包含某些项目？

这是背景情况：我有两个可使用connectWith 选项连接良好的可排序对象。它们代表时事通讯的两列，您可以向每列添加项目并在它们之间拖放它们。但是，这些项目具有类型，并且您在每列中可以拥有的每种类型的项目数量都有限制。所以问题是如果另一列已经在该类型的项目上最大化，我想禁用将项目从一列拖动到另一列。我可以毫无问题地确定某个项目类型何时在列中被最大化，或者确定哪些项目应该或不应该被拖动。这只是在 jquery ui 中触发正确功能的问题。

Answer 1

• 演示： http://jsbin.com/ipowo5

$(function() {
    $( "#sortable1, #sortable2" ).sortable({
      connectWith: ".connectedSortable",
      receive: function(event, ui) { 
        if ( $(this).find('li').size() == 7 ) {
         $(ui.sender).sortable('cancel');
        }
      }
    });
  });

如果#sortable 达到 7 个项目，它将停止接受其他项目