jQuery动态更改拖动的元素

Question

我需要的是用另一个div替换拖动元素，我尝试了帮助器：“clone”，也是自定义帮助器，到目前为止我尝试过的所有解决方案都是错误的。

我需要这样做才能拖拉绿色地毯上的小块。 css/javascript/html roulette

function createFiche(id) {
    $(id).draggable({
          start: function(event, ui) {
            if (!this.classList.contains("dragged")) {
              var $div = $(this).clone();
              var offset = $(this).offset();
              var xPos = event.pageX - offset.left - $(this).width() / 4.5; //calculates the center
              var yPos = event.pageY - offset.top - $(this).height() / 4.5; //calculates the center
              this.id = "";
              this.classList.add("dragged");
              $(this).css({
                "margin-top": yPos + "px",
                "margin-left": xPos + "px",
                "z-index": fiches + topZindex
              }); //centers it
              fiches++;
              $div.appendTo($("#fiches"));
              createFiche(id);
            }
          }
        }