如何使图像可拖动和可调整大小，div只可调整大小？

Question

我想要一个可调整大小的div，其中每张图片都可以调整大小和拖动。
我使用jquery-ui来处理它，但它不起作用。我无法调整div的大小，我只能拖动或调整它。

这是我的代码：

  <div draggable="true" class="div" id="content" contenteditable="true" >
    <img src = "test.jpg" id = "img" class="img"> 
  </div><br>

  <script type="text/javascript">
    $('#content').resizable();
    $('#img').resizable(
        animate: true
        ghost: true
    ).parent().draggable({
        scroll: true
    });