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') }); 

только тогда ДИВО изменение размеров, а не изображение внутри. Почему это происходит?

Кроме того, когда я использую $(".child").resizable(); тогда <div class="ui-wrapper" > приходит и стать

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

но вот в чем проблема заключается в IMG не показывается, поскольку дисплей никто не автоматически приходит, ширина и высота класса щ-обертка не установлен или не установлен 0. пожалуйста, помогите выяснить проблему.

Answer 1

Во-первых, ваш селектор неверен; вам не хватает префикса .. Во-вторых, this не относится к элементу .parent, это относится к области, в которой создается обработчик событий. Чтобы исправить это, вы можете прокручивать элементы .parent и присоединять к ним события по отдельности. Попробуйте это:

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