droppable div不会留在丢弃的地方

Question

我有这个小提琴：http://jsfiddle.net/vdbb7c6n/

点击Go然后拖动一条大线左侧或右侧的数字！ 在第一次下降时，它会跳到div的中间，而不应该跳到div的中间。

用于那些可拖动的css是：

 .dollar, .diese {
    display: inline-block;
    width: 25px;
    padding: 2px;
    border: 1px solid black; 
    background: #FCB08B;
    border-radius: 2px;
    font-weight:bolder;
    color : white;
    text-shadow:0 0 20px #933D14;
  }

在drop上我添加了这个类

.item{
    position : absolute;
    width:80px;
    height:80px;
    font-size: 3em;
  }

可能与克隆有关，但我无法解决这个问题？

Answer 1

将克隆添加到放置目标后，必须调整克隆的位置： 这里是您更新的小提琴的链接：http://jsfiddle.net/vdbb7c6n/2/

$(clone).css({"left": (event.clientX - $(clone).width()/2), "top" : (event.clientY- $(clone).height()/2)});

请注意，这不能确保您的克隆在div中很好地定位 - 您需要调整一些数学以确保它完全符合边界。