Question

我有一个元素（父元素），我可以拖放，里面有一个子元素，它不能被拖动，而是与父元素一起拖动。

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

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

JS：

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

CSS：

.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; }

HTML：

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

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

0 个答案: