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

将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>

Answer 2

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

图像可拖动但不可调整大小？ JQuery的

2 个答案: