Jquery UI同时使用可调整大小和可拖动

Question

只是想调整图像大小并拖动图像，但可调整大小不起作用。问题出在哪里？我无法解决它。

JSFIDDLE

$(function() {
  $('#wrapper').draggable();
  $('#image').resizable();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<div id="wrapper" style="display:inline-block">
  <img id="image" src="http://www.google.com.br/images/srpr/logo3w.png" />
</div>

Answer 1

draggable 和 ressized 是 jquery-ui 的一部分，因此您必须包含它:

$(function() {
  $('#wrapper').draggable();
  $('#image').resizable();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<div id="wrapper" style="display:inline-block">
  <img id="image" src="http://www.google.com.br/images/srpr/logo3w.png" />
</div>