Question

我用Jquery编写了下一个代码，它在HTML文档中添加了两个图像。这些图像是可拖动和可调整大小的。这很好，但我有一个问题：当我拖动第一个图像时，第二个图像移动到HTML文档。我需要他们独立。谁知道怎么做？

$(document).ready(function() {
  $('div.draggable').draggable();
  $("img.resizebleImage").resizable();
});

.resizebleImage {
  width: 350px;
  height: 150px;
  padding: 0.5em;
}

<link href="https://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script>

<body translate="no">

  <div class="draggable">
    <img class="resizebleImage" src="http://placehold.it/350x150">
  </div>

  <div class="draggable">
    <img class="resizebleImage" src="http://placehold.it/350x150">
  </div>

</body>

当我缩放图片时，其他人移动jquery

0 个答案: