[Neznayka]

Добрый день. Есть такая тема: На странице динамически создаются блоки, которым присваиваются определенные классы (стили).

<div id="win_1" class="win_out">
	<div class="win_in"></div>
</div>

Каждый из этих блоков должен иметь возможность изменять свой размер. При изменении своего размера использую метод библиотеки jQuery UI - Resizable:

jQuery(document).ready(function($)
{
	$(".win_out").resizable(
	{
		alsoResize:$(this).children(".win_in"),
		start:function(e, ui)
	        {
			console.log($(this).children(".win_in").data("num"));
		}
	});
});

в свойстве alsoResize указываю направление на дочерний блок с классом "win_in", который находится в блоке с классом "win_out". Таким образом необходимо достигнуть эффекта: Когда изменяется размер внешнего блока с классом "win_out", внутренний с классом "win_in" так-же должен изменять динамически свой размер.

Проблема в том, что alsoResize:$(this).children(".win_in") не отрабатывает, видимо потому что alsoResize:$(this) определяется на уровне jQuery(document).ready (т.е. $(this) в этом случае будет document), а не при непосредственном срабатывании $(".win_out").resizable (где $(this) был бы блоком с классом "win_out"). Но у меня таких блоков будет неопределенное количество, и они будут создаваться динамически, и мне надо как-то динамически определять их дочерние блоки с классом "win_in" в свойстве alsoResize:.

Помогите разобраться пожалуйста, как можно этот вопрос решить.