Javascript 如何使div在html中彼此可拖动？

在这段代码中，任何人都可以添加录音，并在添加后显示播放器图像。我想给对方套上一个可拖动的包裹

我的意思是我上传1条记录和2条记录。我可以先把它排序到第二位，然后再排序到第一位。通过这种方式，它可以按照用户需要的格式进行排序。有人知道实现此功能的好主意。

您可以使用jQuery：

<div class="player-tab">
    <div class="img-wrap" draggable="true">
        <img src="assets/player.png" alt="">
    </div>
    <div class="img-wrap" draggable="true">
        <img src="assets/player.png" alt="">
    </div>
    <div class="add-recording"> <a href="#">+ Add Recording</a>

    </div>
</div>

见此：

我想你想要这个：

  $(function() {
    $( "#divid" ).draggable();
  });

---

检查这里：

那么……你想让div成为可拖动的吗？-虽然他没有说他想要jQuery，但在本例中使用它绝对是合理的。

 $(function() {
$( "#sortable" ).sortable();
$( "#sortable" ).disableSelection();
 });