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/