はjQueryのUIで1ドラッグconnectToSortable複数sortables

Question

を行う、私はドラッグを持って、それは以下のようにオプションconnectToSortableあります

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

： '#form_builder_sortable'

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

は以下のようにソート可能です

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

している：私は1つのドラッグ可能なリストのような、複数のソート可能なリストに接続したい

私の要件として何か解決策や提案がありますか？おかげでたくさんの

Answer 1

connectToSortableオプションは、セレクタを受け入れ、セレクタは、リストの任意の数を指定することができます。

次の例を参照してください：私はの両方にドラッグ可能なリストをドラッグしたいので、私は彼らに同じクラスclass="sortable"を与えた

ドラッグ可能なリスト

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

Mulitipleリスト

<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> 

をそれら。最後に、私はドラッグのために以下のコードを使用することができ、それ：

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

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