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

});