jquery - 如何使用 jquery 制作可拖动和可排序的元素列表？

Question

我有一个元素列表，我想使用 Jquery 使其可排序和可拖动。但是当我们拖动特定元素时，它不应该与其他现有元素重叠。请任何人帮助我。

Answer 1

<script>
 $(function() {
$( ".abc" ).draggable({
connectToSortable: "#sortable",
revert: "invalid"
});
$( "#sortable" ).sortable({
   revert: true
});
 $( "#sortable" ).disableSelection();
});
</script>
<ul id="sortable">
<li class="abc"> 1 </li>
<li class="abc"> 2 </li>
<li class="abc"> 3 </li>
</ul>

Answer 2

<script>

 $(function() {

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

});

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