jQuery UI 드래그 가능 위치가 새로 고침되지 않습니까?

Question

jQuery UI Draggable 및 Droppable을 사용하고 있습니다. drappable이 drappable 위에있을 때 droppable이 아래로 내려 가서 draggable을 내 마우스에서 밀어 내립니다.

내가 refreshPositions을 추가하려고 여기에 예를 http://jsfiddle.net/shane716/tB4L3/2/

참조하십시오 드래그 진실을하지만 문제가 해결되지 않습니다.

HTML 코드

<table> 
<tr class="droppable"><td>Drop to here</td></tr> 
<tr id="slidedown" style="display:none"> 
    <td> 
     <div> 
     A<br /> 
     A<br /> 
     A<br /> 
     A<br /> 
     A<br /> 
     </div> 
    </td> 
</tr> 
<tr><td class="draggable">Drag Me</td></tr> 

jQuery를 코드

$(".draggable").draggable({ 
    revert: "invalid", 
    cursor: "move", 
    opacity: 0.7, 
    refreshPositions: true, 
}); 

$(".droppable").droppable({ 
    greedy: true, 
    accept: ".draggable", 
    activeClass:"droppable-active", 
    tolerance: "pointer", 
    over: function(event, ui) { 
    $("#slidedown").slideDown({duration:2000}); 
} 

});

'도우미'가있는 이벤트는 '도우미'가 드래그 가능한 위치로 되돌아 가지 않습니다. http://jsfiddle.net/shane716/tB4L3/3/

내 질문은 같은의 드래그 위치를 유지하는 방법입니다 당신이 도우미를 사용할 수

Answer 1

내 마우스의 : http://jsfiddle.net/tB4L3/4/

$(".draggable").draggable({ 
    revert: "invalid", 
    cursor: "move", 
    opacity: 0.7, 
    helper: function() { 
     return $(this).clone().appendTo('body'); 
    }, 
    start: function() { 
     $(this).hide(); 
    }, 
    stop: function() { 
     $(this).show(); 
    } 
});