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

Question

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

问题： 当用户重新调整imageDiv时，其中的图像会重新调整大小（放大或缩小）。有没有办法在annContainer中自动重新定位和重新调整动态创建的DIV的大小，因为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

只要更改image-divs size

，只需调整根Div的大小

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