Jquery Div标签在放入区域后无法重新调整大小_Jquery_Html

Jquery Div标签在放入区域后无法重新调整大小

jquery html

Jquery Div标签在放入区域后无法重新调整大小,jquery,html,Jquery,Html,我正在做一个项目，其中有一个实用程序，项目可以删除和调整大小以下是jquery代码： <script> $(document).ready(function () { $(".dragIt").draggable({ helper: 'clone', scroll: true }); $(".dropped").draggabl

我正在做一个项目，其中有一个实用程序，项目可以删除和调整大小

以下是jquery代码：

<script>
        $(document).ready(function () {

            $(".dragIt").draggable({
                helper: 'clone',
                scroll: true
            });

            $(".dropped").draggable({
                containment: ".box"
            });
            $(".box").droppable({
                accept: ".dragIt",
                activeClass: "ui-state-default",
                hoverClass: "ui-state-hover",
                drop: function (e, ui) {
                    if ($(ui.draggable).hasClass('copied')) return
                    var droppedItem = $(ui.draggable).clone().addClass('copied').css({
                        position: "relative",
                        top: $(ui.helper).position().top - $(this).position().top,
                        left: $(ui.helper).position().left - $(this).position().left
                    }).draggable({
                        containment: ".box"
                    });

                    $(".dragIt").resizable();
                    $(this).append(droppedItem);

                }
            });
        });


    </script>

draggable实用程序可以正常工作，但不会调整大小！此外，我还需要获得外部和内部div的代码，以便将其存储在某个位置，并检索它以供以后使用。同样需要帮助

下面是HTML代码

<body>
    <div class="dragIt" style="border:dashed;height:20px;width:70px">Draggable</div>
    <br />
    <br />
    <br />
    <div class="box" style="border:double;height:500px;width:500px">Drop Here</div>
</body>

你也可以发布你的html吗？或者更好，创建一个JSFIDLE。@kasperTaeymans:添加了html！