3

画像を含む div 要素があります。jQuery-UI を使用して div をサイズ変更可能にし、div と子の画像要素の両方のサイズを変更したいと考えています。

以下のように alsoResize を使用してみましたが、対応する子画像ではなく最初の div 画像のサイズを変更しているようです。

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

これを実証するためにフィドルを作成しましたhttp://jsfiddle.net/letsgojuno/EhyGy/

このコンテキストは、現在サイズ変更されている div ではなく、常に最初の div であるようです。

4

1 に答える 1

5

$(this)inは最初の div を取得するためalsoResize、サイズ変更イベントを作成するたびに、最初の画像のみがサイズ変更されます。次のように、要素ごとにサイズ変更可能なものを作成する必要があります。

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

});
于 2011-02-28T15:09:01.380 に答える