将不可排序的元素添加到可排序列表的末尾

Question

我需要将一个元素添加到可排序列表的末尾，例如我需要添加一个额外的 li。

此 Li 无法排序，并且必须始终位于可排序列表的末尾。就像在 Firefox 选项卡中一样（末尾有一个 + 选项卡）。

知道我如何才能实现这一目标。

谢谢。

Answer 1

向该 li 添加某种类（“nosort”或类似的东西），然后在定义可排序时添加以下选项：

cancel: '.nosort',

这将阻止它被拖动。

Answer 2

我找到了一个解决方案，可以完全阻止该项目进行排序。

// cancel: '.nosort', 

// Use this instead
items: 'li[id!=nosort]',

在这里找到了解决方案：
jQuery UI 可排序：如何防止特定列表项被移动？

Answer 3

试试这个：

$( "#list ul" ).sortable({
      items: "li:not(.non)"
    });

和 HTML：

  <div id="list">
       <ul>
         <li>Item</li>
         <li>Item again</li>
         <li class="non">Item not sort</li>
       </ul>
  </div>