使可拖动元素成为容器的子元素，它可以放入并保持可拖动状态

Question

我有两个容器，两个都是droppable，其中一个包含draggable div元素（这个容器的子代），我怎样才能将这个div拖放到另一个容器中，使它成为容器的子项，其中div被删除并保留此div还是可以拖吗？稍后我将需要将此元素拖回到它的初始容器中，该容器应该再次成为孩子并且保持可拖动。

当我将它放入容器时，我不能使这个div可拖动。

                $(".dropzone").droppable({
                greedy: true,
                accept: ".dragable",
                hoverClass:"highlight",

                drop: function (e, ui) {
                $(ui.draggable).detach().appendTo($(this));
                }


            });

           <section id="mockup3" class="mockup-section mockup-content mockup-section--dark paint-area dropzone" >
                <div class="figConteiner1" style="border:2px black solid">
                    <h2 id="figHeading1 "class="figHeading dropzone changeColor">Naujienos</h2>
                    <figure class="figure resizable dragable">
                        <div class="f-image">
                            <img scr="#">
                        </div>
                        <div id="f-caption1" class="f-caption dropzone">
                            <h3 id="headingH1"class="fcaption-heading1 dropzone changeColor">Naujiena 1</h3>
                            <p id="headingP1"class="pHeading1 dropzone changeColor">tekstas 1</p>
                        </div>
                    </figure>
                </div>
            </section>

            <section id="mockup2" class="mockup-section mockup-content mockup-section--dark paint-area dropzone">
                <div id="blokai">
                    <div id="blokas1" class="blokas resizable dragable dropzone">
                        <img src="blokas1.jpg">
                        <div id="tittle1" class="tittle dropzone changeColor" >Planšetės</div>
                    </div>
                </div>
            </section>

我需要拖动可拖动的div id =＆＃34; blokas1＆＃34; to droppable section id =＆＃34; mockup3＆＃34;使这个div的孩子的部分并保持它可拖动，但现在当我下降div draggability消失。

任何例子都非常感谢！我很抱歉我的英国人！