Question

我想在网上制作简单的图片缩放器。但是我有一个问题。如果我想调整父级的大小，一切正常。但另一个故事是当我试图调整孩子的大小时。

这些是我的代码的一部分：

var newElement2 = document.createElement('div');
            var newElement2Id = 'p'+prefix+i;
            newElementId = prefix+i;
            newElement.setAttribute('id',newElementId);
            newElement2.setAttribute('id',newElement2Id);
newElement.appendChild(newElement2);
            newElement2.style.position = 'absolute';
            newElement2.style.left = 0+"px";
            newElement2.style.top = 0+"px";
            newElement2.style.background = "#E6E6E6";
//........................//
var childs = dragDrop.El.childNodes;
                dragDrop.addMarkers(dragDrop.El,childs[1]);    
//..........................//
addMarkers: function(obj,extra){
            var width = parseInt($(obj).css('left'));
            var maxW = dragDrop.Elements[$(obj).attr('id')].MaxRight-width;
            var height = parseInt($(obj).css('top'));
            var maxH = dragDrop.Elements[$(obj).attr('id')].MaxBottom-height;
            $(obj).resizable(
            {
                minWidth:50,
                minHeight:50,
                maxWidth:maxW,
                maxHeight:maxH
            });
            if(extra!=null&&extra!=undefined)
            {
                $(extra).resizable(
                {
                    minWidth:50,
                    minHeight:50,
                    maxWidth:maxW,
                    maxHeight:maxH
                });
            }
        },
//...................................//

这不是一个完整的代码。太长了。我希望它足以帮助我们。所以，事情是当我试图调整孩子时，它不想这样做。当我改变调整大小的顺序，所以首先是孩子，然后是父母，我无法调整任何大小。

谁能告诉我我做错了什么？

Answer 1

您必须在resizable

中使用：resizeAlso参数

儿童和父母同时调整大小

1 个答案: