Перетаскиваемые и сортируемые портлеты // jQuery

Question

Попытка выяснить, но все же не найти способ, как я могу сделать одну droppable и sortable target для нескольких перетаскиваемых портлетов. я на основе этого урока: http://jqueryui.com/sortable/#portlets

Что я пытаюсь сделать, это

Идея заключается в том, чтобы перетащить небольшие портлет, чтобы большой красный портлет (я уже успешно делать), но я хочу сделать она с выравниванием по горизонтали (средства сортировки, а не просто уронить там, где это), я добиться успеха и сделать это verticaly, не хорошо для меня (

Моего текущего расслоения плотной код looklike это (уже пробовала разные комбинации):

$(function() { 
    $("#draggablegrey").draggable({ }); 

    $("#draggableblue").draggable({ 
    connectWith: '#droppable', 


    }); 

$("#droppable").sortable({ 
    connectWith: '#droppable' }); }); 

Answer 1

С сайта JQuery UI в: -> «Draggables построены, чтобы взаимодействовать легко с sortables.»

Это возможно, вы можете попробовать следовать этому примеру с JQuery UI: http://jqueryui.com/draggable/#sortable

Кроме того, для сортировки по горизонтали добавить линия css в вашем стиле:

#sortable>div { float: left; } 

После этого вы сможете перемещать их и сортировать по горизонтали.

Эта скрипка принадлежит кому-то еще http://jsfiddle.net/sP3UZ/