JQuery的：重新大小和重新定位所有子格作爲親本的DIV的尺寸重新調整

Question

在HTML下面
rootDiv =滾動DIV作爲溢流設定爲自動
imageDiv = JQuery的可調整大小的施加在該div
mainImage =包含被調整大小爲「imageDiv」被調整大小的圖像
annContainer =包含動態創建的DIV和JQuery「可拖動」施加到它們中的每一個。這些註釋或標記，可以在圖像上被拖動並放置在特定的位置

問題： 當用戶重新尺寸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

只是調整每當你chaning圖像div的大小

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