Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/473.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将可拖动元素设为容器it的子元素';它掉入水中,仍然可以拖动_Javascript_Jquery_Jquery Ui_Jquery Ui Draggable_Jquery Ui Droppable - Fatal编程技术网

Javascript 将可拖动元素设为容器it的子元素';它掉入水中,仍然可以拖动

Javascript 将可拖动元素设为容器it的子元素';它掉入水中,仍然可以拖动,javascript,jquery,jquery-ui,jquery-ui-draggable,jquery-ui-droppable,Javascript,Jquery,Jquery Ui,Jquery Ui Draggable,Jquery Ui Droppable,我有两个容器,都是可拖放的,其中一个包含可拖放的div元素(这个容器的子元素),如何将这个div拖放到另一个容器中,使它成为拖放div的容器的子元素,并保持这个div仍然可拖放?稍后,我将需要将该元素拖回它的初始容器,该容器应再次成为子容器并保持可拖动状态 我不能使这个div在我把它放入容器时可以拖动 $(".dropzone").droppable({ greedy: true, accept: "

我有两个容器,都是可拖放的,其中一个包含可拖放的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>
$(“.dropzone”).droppable({
贪婪:没错,
接受:“.dragable”,
悬停类:“突出显示”,
drop:函数(e、ui){
$(ui.draggable.detach().appendTo($(this));
}
});
纳吉诺斯
计划šetės
我需要将draggable div id=“blokas1”拖动到dropable section id=“mockup3”使此div成为section的子项并保持其可拖动,但现在当我拖放div时,可拖动性消失了


任何例子都是高度赞赏的!我为我的英国人感到抱歉

你能提供一些你正在使用的HTML标记吗?