부모 요소에서 자식 요소를 끌기

Question

부모 요소가없는 부모 요소에서 자식 요소를 드래그 할 수 있습니까? 그 것처럼 부모 요소에서 끌어서 놓기 이벤트를 만들려고합니다. 그렇지 않으면 오버플로가 계속됩니다. 가능한? 내가 뭘 더 할 수 있을까?

현재 예제 코드 :

<div id="parent"> 
    <div id = "child">Drag me out from parent!</div> 
</div> 



<script> 

    $("#child").draggable(); 

</script> 

필자는 다른 수정을 시도했지만 잘 작동 나던, 임이 기대, 감사합니다!

Answer 1

어쩌면 당신은 만들 수 있습니다 자신의 드래그

$('#child').on('mousedown',function(){ 
    $('child').css('position','fixed'); 
    var evt=setInterval(followMouse, 50); 

    $('child').on('mouseup',function(){ 
     clearInterval(evt); 
     $('child').off('mouseup'); 
    }); 
}); 

function followMouse(){ 
    // mousePosX & Y must be a string ex: 345px 
    $('child').css('left',mousePosX 
    'top',mousePosY 
    ); 
}