Question

<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>

在此代码中，任何人都可以添加录制内容，播放器图片在添加后显示。我想把对方拉开包装。

我的意思是我上传了1条记录和2条记录。我可以把它排在第2和第1之后。这样它就可以按用户需要的格式排序。有人知道实现这个功能的任何好主意。

Answer 1

你可以使用jQuery：

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

请参阅：http://jqueryui.com/draggable/

我想你想要这个：

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

点击此处：http://jqueryui.com/sortable/

如何在HTML中使div可以互相拖动？

1 个答案: