Jquery益智与可排序，可拖动＆amp;可弃

Question

我正在努力建立一个小谜题 没有必要使用我正在使用的lib 如果你尝试我的小提琴：http://jsfiddle.net/fskwbrbb/
你怎么能将Nr 3拖到“dropzone”的顶部，然后将Nr2，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/