jquery - 图像可拖动但不可调整大小？jQuery

Question

正如我在另一个问题上看到的那样，我尝试将 img 包装在 div 上并使 div 可拖动并且 img 可调整大小，但它不起作用？

$('#container').on('dblclick', 'img', function(){
  $(this).wrap('<div id="resizeSelector" style="dislplay:inline-block;">');
  $('#resizeSelector').draggable();
  $(this).resizable();
});

Answer 1

您需要在页面上包含指向 ui-lightness.js 的链接。当您自定义下载 JQuery UI 时，此文件包含在 css 文件夹中

Answer 2

将 jQuery UI 添加到您的 html 中。

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>

工作小提琴：http:
//jsfiddle.net/acturbo/2QPkE/1/

jQuery：

$('#container img').on('dblclick', function(){
    $(this).wrap('<div id="resizeSelector" style="dislplay:inline-block;">');
  $('#resizeSelector').draggable();
  $(this).resizable();
});

html:

<div id="container">
    <img src="https://www.google.com/images/errors/logo_sm.gif">
</div>