Javascript 从父元素拖动子元素

在没有父元素溢出的情况下，是否可以从父元素拖动子元素？这就像我想从父元素创建拖放事件一样，但如果不可能，它会一直溢出？我还能做什么

当前示例代码：

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



 <script>

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

 </script>

把我从父母那里拖出来！
$（“#child”）.draggable（）；

---

我尝试了不同的修改，但效果不好，我期待着这个，谢谢

也许您可以创建自己的可拖动

$('#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
    );
}