jquery sortable 将重复项移至底部

Question

我有一个数据排序列表：

<ul id="sortable">
<li class="ui-state-default" id="1" data-name="NAME1">NAME1 + INFO1</li>
<li class="ui-state-default" id="3" data-name="NAME4">NAME4 + INFO4</li>
<li class="ui-state-default" id="9" data-name="NAME1">NAME1 + INFO1</li>
<li class="ui-state-default" id="8" data-name="NAME6">NAME6 + INFO6</li>
</ul>

$( function() {
    $( "#sortable" ).sortable({
      placeholder: "ui-state-highlight"
    });
    $( "#sortable" ).disableSelection();
  } );

我如何添加脚本以将数据名称的重复项（或多次）移动到列表底部？

因此，如果当前列表是 NAME1、NAME4、NAME1、NAME6，那么将重复项移动到底部后，列表将是 NAME1、NAME4、NAME6、NAME1。

我该怎么做？

谢谢

Answer 1

我找到了一种通过 PHP 数组来做到这一点的方法。

我创建了三个不同的数组（名称根本没有列出；名称列出一次；名称列出多次）然后以合适的顺序回显它们。

jquery sortable 将重复项移至底部

jquery sortable move duplicates to bottom

jquery

jquery-ui