Auf JQuery UI tun ein ziehbar connectToSortable mehrere sortables

Question

In JQuery UI, ich ziehbar haben, ist es eine Option connectToSortable wie folgt:

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

'#form_builder_sortable' ist eine sortierbare wie folgt:

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

ich möchte 1 ziehbar Liste auf mehrere sortierbare Liste verbinden, wie zum Beispiel:

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

Have Sie haben irgendwelche Lösungen oder Vorschläge zu tun, als meine Anforderung? Vielen Dank

Answer 1

Die Option connectToSortable akzeptiert einen Selektor und ein Selektor kann eine beliebige Anzahl von Listen angeben.

Bitte beachten Sie folgendes Beispiel:

Ziehbare Liste

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

Mulitiple Liste

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

ich ihnen gleiche Klasse gab class="sortable" weil ich ziehen will ziehbar Liste beide Sie. Schließlich kann ich Code unten, damit er für Drag:

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

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