jquery - 可放置的 div 不会停留在它被放置的位置

Question

我有这个 fiddle :http://jsfiddle.net/vdbb7c6n/

点击 Go 然后在大线的左侧或右侧拖动一个数字!第一次下降时，它会跳到 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;
  }

我添加了这个类

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

可能与克隆有关，但我无法弄清楚!？

Answer 1

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

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

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