Jquery resizable与子类无法正常工作

Question

由于某些原因，孩子的可调整大小不起作用。

<div class="parent"><img class="child"></div>
<div class="parent"><img class="child"></div>
<div class="parent"><img class="child"></div>

当我尝试$(".parent").resizable( {alsoResize: ".child"});时，会调整大小，但会调整所有图像的大小而不是相应的图像。

当我尝试

时

$(".parent").resizable({ alsoResize: $(this).closest('.child') });

或

$(".parent").resizable({ alsoResize: $(this).find('.child') });

然后只有div正在调整大小，而不是内部的图像。为什么会这样？

当我使用$(".child").resizable();时，<div class="ui-wrapper" >即将来临，它就会变成

<div class="parent"> 
    <div class="ui-wrapper"><img class="child ui-resizable"></div>
</div>

但是这里的问题是img没有显示因为display none没有自动出现，ui-wrapper类的宽度和高度没有设置或设置为0。请帮助找出问题。

Answer 1

首先你的选择器不正确;你错过了.前缀。其次this不引用.parent元素，它指的是创建事件处理程序的范围。要修复此问题，您可以遍历.parent元素并将事件附加到他们个人。试试这个：

$(".parent").each(function() {
    $(this).resizable({ 
        alsoResize: $(this).find('.child')
    });
});