如何使用jQuery制作不可拖动的子元素？

Question

我有父HTML元素，我可以拖动它。

HTML：

<div id="parent" style = "width: 10px; height: 10px;">
<div id = "title"></div>
<div class="upperLine">
<img id = "img_close" src = "fileclose.png" onclick="ClosePopUpWin()"></div>
<div id = "content"></div>
</div>

JavaScript的：

$('#parent').draggable();

使子元素不可拖动的最佳方法是什么？ 先感谢您。