droppable div 不会停留在它被丢弃的地方答案

【问题标题】：droppable div does not stay where it was droppeddroppable div 不会停留在它被丢弃的地方
【发布时间】：2014-10-14 12:55:02
【问题描述】：

我有这个小提琴：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;
  }

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

【问题讨论】：

标签： jquery css coffeescript jquery-ui-draggable jquery-ui-droppable

【解决方案1】：

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

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

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

【讨论】：