Jquery Drag'n'Drop轴旋转

Question

我需要在旋转容器上制作一个拖拽系统，但是当我尝试移动“可拖动”时，这个可拖动的移动到另一个轴（我认为它是旋转）。

我想要比可拖动的跟随光标的轴相同，实际上可拖动的元素会转到另一种方式而不是光标。

我的代码：

$(function () {

      $(document).ready(function () {
          $("#box").css({
              WebkitTransform: 'rotate(-45deg)',
                  '-moz-transform': 'rotate(-45deg)'
          });
      });

      $(".draggable").draggable();

      $(".droppable").droppable({
          drop: function (event, ui) {
              $(this)
                  .addClass("ui-state-highlight")
                  .find(".p")
                  .html("Dropped!");
          }
      });
  });

我以此为例： https://jsfiddle.net/0shojerz/1/

我也试过这个，但我不能放弃克隆：

$(".draggable").draggable({
            appendTo: 'body',
            helper: 'clone',
});

非常感谢您的帮助！