时间戳

首页 > 解决方案 > 我正在尝试使图像可拖动，但是每当我调整高度和宽度时，它就会停止工作

jquery - 我正在尝试使图像可拖动，但是每当我调整高度和宽度时，它就会停止工作

问题描述

所以我正在尝试为我的课堂项目制作一本相册。我希望照片能够在网页上拖动和移动。我能够使我的一张图像可拖动，但图像太大了，所以我在 css 中调整了它的大小。

但是，每当我调整它的大小时，可拖动功能就会停止工作。所以我不确定我做错了什么。

<body>
<div id="draggable" class="ui-widget-content">
<div id="resizeableDiv" class="ui-widget-content">

<div id="img1">
<img src="imgs/alexa.jpg">
</div>
</body>

<script>
$(function() {
$("resizableDiv").resizable();
});

$( function() {
$( "#draggable" ).draggable();
} );
</script>

标签： jquerycssjquery-uidraggablejquery-ui-draggable

解决方案

您在选择器中忘记了 a #，并且错过了一些</div>标签：

<body>
<div id="draggable" class="ui-widget-content"></div>
<div id="resizeableDiv" class="ui-widget-content"></div>

<div id="img1">
<img src="imgs/alexa.jpg">
</div>
</body>

<script>
  $(function () {
      $("#resizableDiv").resizable();
  });

  $(function () {
      $("#draggable").draggable();
  });
</script>

这应该够了吧。

推荐阅读