jquery拼圖，可排序，可拖拽＆放下

Question

我試圖建立一個小拼圖。
沒有必要使用我正在使用的庫。
如果您嘗試我的小提琴：http://jsfiddle.net/fskwbrbb/
如何將Nr 3拖放到「dropzone」的頂部，並且將Nr2放在Nr1的旁邊，而Nr1放在Nr1的旁邊？

------| 
    3 | 
------| 
----||---| 
    2 || 1 | 
----||---| 

Answer 1

我爲此使用了Jquery Shapeshift。

JS

//Create new container 
$('#btnAddContainer').on('click', function() { 
//Container HTML setup 
var containerHtml = $('<div class="container"></div>'); 

//Insert continer 
$('.containers').append(containerHtml); 

//Shapeshift 
$('.container').shapeshift({ 
    enableDrag: true, 
    enableCrossDrop: true, 
    minColumns: 1 
}); 
}); 

檢查這個搗鼓代碼：

https://jsfiddle.net/umcgqmwv/2/