Question

我跟随小提琴 DEMO

Resizing of White divs

我有可拖动的div（红色）和静态div（白色＆amp;在可放置的字段中）

我的目的是让它们都调整大小，但我不能

任何人都可以提供帮助

在文档就绪功能中，我会评论负责重新调整

的代码

红色（可拖动）和静态（白色）字段。问题是他们没有同时工作，任何帮助都是关于这个

Jquery代码

$(function () { 

    // responsible for resizing the draggable elements (red)
    $('.resize_box').resizable({ handles:  'e' });

    // responsible for resizing the static elements (white)
    $('.resize_box').resizable({
                handles: { 'e': '.ui-resizable-e' }
            });

    $(".selectorField").draggable({
                helper: "clone",
                stack: "div",
                cursor: "pointer",
                cancel: null
            });

            function makeDraggable($sel) {
                $sel.find('.resize_box').resizable({
                    handles: { 'e': '.ui-resizable-e' }
                });
            }

            $(".droppedFields").droppable({
                accept: ":not(.ui-sortable-helper)",
                drop: function (event, ui) {
                    var draggable = ui.draggable;
                    draggable = draggable.clone();
                    draggable.addClass('hers');

                    makeDraggable(draggable); //NEW
                    draggable.appendTo(this);
                    $(ui.draggable).hide();
                    alert("drop");


                    $(".droppedFields").sortable({
                        cancel: null, 
                        connectWith: ".droppedFields"
                    }).disableSelection();

                }
            });

        });

Answer 1

您需要确保为jQuery UI可调整大小的函数提供了正确的选择器。基于你的jsFiddle，你应该确保javascript代码的行只选择RED div而不是RED div和WHITE div。

将第4行代码读取：

$('.maine .resize_box').resizable({ handles:  'e' });

例如，您可以在此处查看结果：http://jsfiddle.net/wnqj0uta/58/

无法同时调整Static和Draggable元素的大小

1 个答案: