jquery - jqueryを使用して要素のリストをドラッグおよびソート可能にする方法は?

Question

要素のリストがあり、Jquery を使用して並べ替えおよびドラッグできるようにしたいと考えています。ただし、特定の要素をドラッグすると、他の既存の要素と重なってはいけません。誰か助けてください。

Answer 1

<script>

 $(function() {

$( ".abc" ).draggable();

});

</script>
<ul>
<li class="abc"> 1 </li>
<li class="abc"> 2 </li>
<li class="abc"> 3 </li>
</ul>