jQuery-UI可调整大小，调整子元素大小

Question

我有div元素，包含图像。我想让div使用jQuery-UI调整大小，调整div和子图像元素的大小。

我已经尝试使用alsoResize，像下面，但它似乎调整第一个divs图像，而不是相应的子图像。

$('div').resizable({ 
    alsoResize: $(this).find('img'), 
    aspectRatio: true, 
    maxHeight: 140 
}); 

我创建了一个小提琴证明这http://jsfiddle.net/letsgojuno/EhyGy/

看来这方面总是第一个div，而不是目前正在调整股利。

Answer 1

由于$(this)在alsoResize将获得第一个div，每次调整大小事件时，它只会调整第一个图像的大小。您将不得不为每个元素创建可调整大小，如下所示：

$('div').each(function() { 
    $(this).resizable({ 
     alsoResize: $(this).find('img'), 
     aspectRatio: true, 
     maxHeight: 140 
    }); 

});