Droppable ДИВ не оставаться там, где он был понижен

Question

У меня есть эта скрипку: 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

вы должны отрегулировать положение вашего клона после того, как вы добавите его к цели капли: здесь ссылка на обновленную скрипку: http://jsfiddle.net/vdbb7c6n/2/

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

Обратите внимание, что это не будет гарантировать, что ваш клон хорошо расположенные внутри вашего div - вам нужно настроить математику, чтобы она полностью соответствовала границам.