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

Question

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

此Li无法排序，必须始终坚持可排序列表的末尾。就像在firefox标签中一样（最后有一个+标签）。

知道如何实现这一点。

谢谢。

Answer 1

在li（'nosort'或类似的东西）中添加某种类，然后在定义sortable时添加以下选项：

cancel: '.nosort',

这样可以防止它被拖拽。

Answer 2

我找到了一个解决办法，可以防止该项目被排序。

// cancel: '.nosort', 

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

在这里找到解决方案： jQuery UI Sortable: How do I prevent a specific list item from being moved?

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>