如何在兄弟Div的内容更改后停止更改拖动位置的Jquery UI Draggable Div

Question

我有HTML标记，简化如下：

<div id='A'>
    <div id='B'>
        ...
    </div>
    <div id='C'>
         ....
    </div>
</div>

所有div都具有绝对定位，div#C为可拖动的div，appendTo设置为正文，如下所示：

$('#C').draggable({appendTo: "body"})

将此div拖到某个位置后，请在div#b上方说明，然后通过Ajax重新生成div#b的内容，该内容会更改其大小（不是div#c的内容），{ {1}}失去拖曳的位置。我该如何避免这种情况？