호버링을 기준으로 connectToSortable 설정

Question

나는 드래그 가능한 객체를 가지고 있지만 화면에 N 개의 정렬 가능한 객체가 실제로는 중첩되어 있습니다. 정렬되지 않은 목록의 정렬되지 않은 목록과 매우 비슷하지만 솔리드 한 예입니다.

드래그 가능한 객체로 무엇을 가져 갔는지에 따라, 내가 추가하고자하는 정렬 가능한 목록을 설정하고 싶습니다. 나는 다음과 같이 생각했다.

$(_d).draggable({ 
    helper: "clone", 
    drag: function(){ 
     //get position. 
     //compare position with all container dimensions. 
     //if match, $(this).draggable("options", "connectToSortable", "selector-for-particular-sortable 
    }, 
    stop: function(){}, 
}); 

/*dynamic, so i cant use connectToSortable on all of them.*/ 
$(_a).sortable(); 
$(_b).sortable(); 
$(_c).sortable(); 

나는 모든 컨테이너 객체를 화면에서 끌어서 스캔하는 데 시간이 많이 걸린다. 비슷한 일을 한 다른 사람들이 있었는지 확실하지 않았습니다. 또한 보면서

나의 생각은 내가에서 찾고 프로젝트 모두에서 줄기 : 당신이 정렬 객체를 대표하는 클래스 집합을 클래스를 할당하거나 알 수없는 경우 jQuery UI draggable element dropped into sortable

Answer 1

, 당신은 말 그대로 추가 할 수 있습니다 connectToSable 객체에 저장합니다.

참조 예 : http://jsfiddle.net/4UR8X/

$(item).draggable({helper:'clone', connecToSortable:'.containers'});