Jquery 如何在拖动父元素时删除子元素_Jquery_Drag And Drop

Jquery 如何在拖动父元素时删除子元素

jquery

Jquery 如何在拖动父元素时删除子元素,jquery,drag-and-drop,Jquery,Drag And Drop,我有一个元素父元素，我可以拖放，在它里面有一个子元素，不能分开拖动，但它是和父元素一起拖动的此外，还有一些区域可以折叠子元素当我拖动父对象时，我需要获得可以拖动的区域，以响应子对象 JS: CSS: HTML: $(document).ready(function() { $(".parent").draggable({}); $(".drop-area").droppable({ tolerance: touch , over: fu

我有一个元素父元素，我可以拖放，在它里面有一个子元素，不能分开拖动，但它是和父元素一起拖动的

此外，还有一些区域可以折叠子元素

当我拖动父对象时，我需要获得可以拖动的区域，以响应子对象

JS:

CSS:

HTML:

$(document).ready(function() {
     $(".parent").draggable({});
     $(".drop-area").droppable({
         tolerance: touch
         , over: function(){
            $(".drop-area").css("background-color","#C00");
         }
         , deactivate:function(){
            $(".drop-area").css("background-color","#000");
         }              
     });
}

.parent { position: relative; width: 200px; height: 200px; background: green; }
.child  { position: relative; width: 100px; height: 50px; background: red; right: 0; bottom: -50px;  }
.drop-area { position: absolute; width: 150px; height: 150px; bottom: 0; right: 0; background: bloack; }

<body>
    <div class"parent">
        <div class="child"></div>
    </div>
    <div class="drop-area"></div>
</body>