Question

当我拖动它时，我使用jQuery拖放功能在浏览器上移动。我需要修复一些特定的高度和宽度拖动仅适用于特定的固定尺寸。怎么做？

Answer 1

您可以使用容器<div>来调用jQuery draggable函数。另请参阅此jQuery Ui example。

$(".example").draggable({
  containment: ".box"
});

.box {
  border: solid 1px black;
  width: 200px;
  height: 150px;
}
.example {
  border: solid 1px black;
  width: 90px;
  height: 90px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>

<div class="box">
  <div class="example">Drag me</div>
</div>

如何在div中拖动functionlity工作

1 个答案: