Draggable和Sortable Portlets // jQuery

Question

試圖弄清楚，但仍然無法找到一種方法，我可以爲少數可拖動的portlet製作一個可拖放和可排序的目標。 我根據這個教程： http://jqueryui.com/sortable/#portlets

我想要做的是

的想法是拖動到大紅色的portlet小門戶（我已經做成功），但我想要做的它與水平對齊（方式排序，而不是放棄它的地方），我成功了也做verticaly，不適合我（

我當前的js代碼looklike這種（企圖已經不同組合）：

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

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


    }); 

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

Answer 1

從jQuery用戶界面的網站： - >「拖拽元素是建立與sortables無縫交互。」

這是可能的，你可以試着遵循jQuery UI的這個例子：http://jqueryui.com/draggable/#sortable

也爲水平排序添加在你的風格的css線：

#sortable>div { float: left; } 

之後，你應該能夠移動它們並水平排序。

這小提琴是從別人http://jsfiddle.net/sP3UZ/