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

【问题标题】：How to make a list of element draggable and sortable using jquery?如何使用 jquery 制作可拖动和可排序的元素列表？
【发布时间】：2013-04-10 11:01:30
【问题描述】：

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

【问题讨论】：

标签： jquery jquery-ui-sortable jquery-draggable

【解决方案1】：

<script>

 $(function() {

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

});

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

【讨论】：

实际上，我们需要同时将两个特性（可排序和可拖动）添加到元素列表中。
尝试我发布的另一个答案

【解决方案2】：

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

【讨论】：

当我对它进行排序时，它会与其他人重叠
jqueryui.com/draggable/#sortable ：此示例适用于可拖动和可排序而不会重叠。