jquery - 如何拖动和定位一个div

Question

我在一个页面中有三个 div 我希望用户可以根据需要重新定位 div

<div class="A"></div>
<div class="B"></div>
<div class="C"></div>

原来它是有序的ABC。用户可以根据需要将 div 重新定位为 CBA、CAB如何做到这一点。

Answer 1

HTML :

<div class="sortable">
     <div class="A"></div>
     <div class="B"></div>
     <div class="C"></div>
</div>

Jquery :

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

将这些 jquery 文件添加到您的代码中:

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>