如何拖动和定位div

Question

我在一个页面中有三个div我希望用户可以将reposision 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>