한 드래그 connectToSortable 여러 sortables JQuery와 UI에서

Question

, 나는, 그것은 다음과 같이 옵션 connectToSortable이 드래그해야합니까 :

$("#form_builder_sortable").sortable(); 

:

$("#social li").draggable({ 
     connectToSortable: '#form_builder_sortable', 
     helper:'clone', 
     revert:true 
}); 

'#form_builder_sortable'는 정렬 다음과 같다

나는 같은 1 개 드래그리스트가 복수 정렬 목록에 연결하려면 :

$("#social li").draggable(
{ 
    connectToSortable: '#form_builder_sortable, #form_builder_sortable_sample', 
     helper:'clone', 
     revert:true 
}); 

되세요 내 요구 사항으로 어떤 해결책이나 제안이 있습니까? 고마워요

Answer 1

connectToSortable 옵션은 선택기를 허용하며 선택기는 여러 개의 목록을 지정할 수 있습니다.

예를 들어 다음을 참조하십시오 : 나는 그들에게 내가 모두에 드래그 목록을 드래그 원하기 때문에 동일한 클래스 class="sortable"했다

<ul id="form_builder_sortable" class="sortable"> 
    <li class="ui-state-default draggable">Item 1</li> 
    <li class="ui-state-default draggable">Item 2</li> 
    <li class="ui-state-default draggable">Item 3</li> 
</ul> 

<ul id="form_builder_sortable_sample" class="sortable"> 
    <li class="ui-state-default draggable">Item 1</li> 
    <li class="ui-state-default draggable">Item 2</li> 
    <li class="ui-state-default draggable">Item 3</li> 
    <li class="ui-state-default draggable">Item 4</li> 
</ul> 

드래그 가능한 목록

<ul> 
    <li class="draggable ui-state-highlight">Drag me down</li> 
</ul> 

Mulitiple 목록 그들. 마지막으로 나는 드래그 아래 코드를 사용할 수 있습니다 그것은 :

$(".sortable").sortable(); 

$(".draggable").draggable({ 
    connectToSortable: '.sortable', // Selector selects lists that have sortable class 
    helper: 'clone' 
}); 

Online demo (fiddle)