jQuery UI Sortable：如何防止特定列表项被移动？

【问题标题】：jQuery UI Sortable: How do I prevent a specific list item from being moved?jQuery UI Sortable：如何防止特定列表项被移动？
【发布时间】：2011-01-01 15:50:53
【问题描述】：

我有这个清单：

<ul>
    <li class="line"><a href="#" class="drag">header (do not sort)</a></li>
    <li class="line"><a href="#" class="drag">line one</a></li>
    <li class="line"><a href="#" class="drag">line two</a></li>
</ul>

如何防止第一个li 被移动？

【问题讨论】：

标签： jquery-ui jquery-ui-sortable

【解决方案1】：

您可以指定Sortable 中的哪些项目实际上是可排序的。这应该可以解决问题 - 如下更改 HTML：

<ul>
    <li class="line" id="header"><a href="#" class="drag">header (do not sort)</a></li>
    <li class="line"><a href="#" class="drag">line one</a></li>
    <li class="line"><a href="#" class="drag">line two</a></li>
</ul>

那么当你设置可排序时：

$('ul').sortable({ items: 'li[id!=header]' });

希望这会有所帮助！

【讨论】：

【解决方案2】：

您可以明确排除项目（除了不包括它们）：

$( ".sortable" ).sortable({
    cancel: ".disable-sort-item"
});

【讨论】：

这真的很好用，但是当我不希望父元素不排序但我想在其中排序时呢？