根据定位更改Jquery UI Draggable revert

Question

我有一个可拖动的容器，需要4个恢复位置：

1. 左上角
2. 右上角
3. 左下角
4. 右下角

当我自动将容器拖过左上方位置超过50％时，应该滑动到右上方位置，因此每隔一个角落一个。

我对此很陌生，只是弄清楚如何只回到一个位置。

我很高兴得到任何帮助。谢谢:)）

现在JqueryUI：

$("#draggable").draggable({
  revert: 'invalid',
  containment: 'body',
});

现在小提琴：（边框只是为了帮助我定位的意思） http://jsfiddle.net/wSLJC/125/