Question

我正在创建一个项目，其中有一个实用程序，可以删除项目并调整其大小！

这是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>

可拖动的实用程序工作正常，但它没有调整大小！此外，我需要获取外部和内部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>

Div标签在掉落区域掉落后无法重新调整大小

0 个答案: