Как контролировать порядок выполнения между потоками?

Вы можете видеть мое решение в действии на jsfiddle . Я просто изменил это jQuery draggable / droppable взаимодействие в соответствии с вашими потребностями.

HTML

    
List 1
    

        
Drag me down
        
Drag me down
    
    
List 2
    

        
Item 1
        
Item 2
        
Item 3
        
Item 4
        
Item 5
    

jQuery

$(function() {
    $("#sortable").sortable({
        revert: true
    });
    $(".draggable").draggable({
        connectToSortable: "#sortable",
        helper: "clone",
        revert: "invalid"
    });
    $("ul, li").disableSelection();
});

CSS

.demo ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 20px; }
.demo li { margin: 5px; padding: 5px; width: 150px; border: 1px solid black; }