jquery ui sortable - 정렬 가능한 일부 항목 만 포함하거나 취소하는 경우 일부 대상

Question

여기에 핵심은 다음과 같습니다. 특정 항목에 대해서만 두 가지 정렬 가능 항목 사이에서 드래그 앤 드롭을 비활성화하거나 포함해야합니다. 드래그 앤 드롭으로 정렬 할 수 있습니다. cancel 또는 containment으로 모든 정렬 또는 모든 항목에 적용 할 수 있기 때문에이 작업을 수행하는 방법을 알 수 없습니다. sortable 사이의 정렬 만 취소 할 수 있습니까? 또는 특정 항목 만 포함 할 수 있습니까?

다음은 배경 상황입니다. connectWith 옵션을 사용하여 정상적으로 연결되는 두 가지 정렬 가능 항목이 있습니다. 그들은 뉴스 레터의 두 열을 나타내며 각 열에 항목을 추가하고 그 열 사이에 항목을 끌어다 놓을 수 있습니다. 그러나 이러한 항목에는 형식이 있으며 각 열에 가질 수있는 각 형식의 항목 수에는 제한이 있습니다. 그래서 문제는 다른 열이 이미 해당 유형의 항목을 초과 한 경우 항목을 한 열에서 다른 열로 끌지 못하게하려는 것입니다. 항목 유형이 열에 최대치로 표시되는시기를 식별하거나 드래그해야 할 항목 또는 끌지 않아야 할 항목을 식별하는 데는 문제가 없습니다. jquery UI에서 올바른 기능을 트리거하는 것입니다.

Answer 1

• DEMO : 그것은 다른 항목
  수신을 중단http://jsbin.com/ipowo5

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

7 손이 닿지 #sortable 경우 항목