JQuery：重新调整大小并重新定位所有子 DIV，因为父 DIV 已重新调整大小

Question

在下面的 HTML 中
rootDiv = 可滚动 div 作为溢出设置为 auto
imageDiv = JQuery 可调整大小应用于此 div
mainImage = 包含调整大小的图像，因为 'imageDiv' 已调整大小
annContainer = 包含动态创建的 DIV 和应用于每个 DIV 的 JQuery 'draggable'。这些是可以拖动并放置在图像上特定位置的注释或标签

问题： 当用户重新调整 imageDiv 的大小时，其中的图像会重新调整大小（放大或缩小）。有没有办法在调整 imageDiv 大小时自动重新定位和调整 annContainer 中动态创建的 DIV 的大小？

非常感谢任何帮助 - 谢谢

<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

只要你改变 image-div 的大小，只需调整 te rootDiv 的大小

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