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

Question

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

我试过使用 alsoResize，如下所示，但它似乎调整了第一个 div 图像的大小，而不是相应的子图像。

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

我创建了一个 fiddle 来演示这个 http://jsfiddle.net/letsgojuno/EhyGy/

似乎这个上下文总是第一个 div，而不是当前正在调整大小的 div。

Answer 1

由于 alsoResize 中的 $(this) 将获得第一个 div，因此每次您进行调整大小事件时，它只会调整第一张图像的大小。您必须为每个元素创建可调整大小的元素，如下所示:

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

});