JQuery: измените размер и переместите все дочерние DIV как родительские DIV.

Question

В HTML ниже rootDiv = Прокручиваемый div, поскольку переполнение установлено на авто imageDiv = JQuery изменяемого размера применяется к этому div mainImage = Содержит изображение, размер которого изменяется по мере изменения размера 'imageDiv' annContainer = Содержит динамически создаваемые DIV и JQuery «перетаскиваемый», применяемые к каждому из них.Это аннотации или теги, которые можно перетаскивать и размещать в определенной позиции на изображении

Вопрос: Когда пользователь изменяет размеры imageDiv, изображение внутри него изменяет размеры (увеличивает или увеличиваетиз) хорошо.Есть ли способ автоматического перемещения и изменения размера динамически создаваемых DIV-файлов внутри annContainer при изменении размера imageDiv?

Любая помощь действительно приветствуется - спасибо

<div id="rootDiv" class="root-div">
    <div id="imageDiv" class="image-div">
        <img id="mainImage" class="main-image"/>
        <div id="annContainer" class="ann-container"/>
    </div>
</div>

Answer 1

Просто изменяйте размер rootDiv всякий раз, когда вы изменяете размер изображения div

function changeImageSize(){
$('#imageDiv').width(300);
// Now simply changge the rootdiv's imae size
$('#rootDiv').width(350);//or someother value
}