JQuery UI faire un Sortables plusieurs draggable connectToSortable

Question

Dans JQuery UI, j'ai une draggable, il a une option connectToSortable comme ci-dessous:

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

'#form_builder_sortable' est un triables comme ci-dessous:

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

Je veux 1 liste draggable se connecter à plusieurs liste sortable, tels que:

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

Have vous avez des solutions ou des suggestions à faire que mon exigence? Merci beaucoup

Answer 1

L'option connectToSortable accepte un sélecteur et un sélecteur peut spécifier un nombre de listes.

S'il vous plaît voir l'exemple suivant:

liste Draggable

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

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

Je leur ai donné même classe class="sortable" parce que je veux faire glisser la liste draggable à deux leur. Enfin, je peux utiliser le code ci-dessous pour le faire glisser:

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

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