jQuery sortable() - 在第一个不可排序的元素之前将元素移动到连接列表答案

【问题标题】：jQuery sortable() - move elements to connected list before first element that is not sortablejQuery sortable() - 在第一个不可排序的元素之前将元素移动到连接列表
【发布时间】：2013-02-07 12:33:25
【问题描述】：

我有两个连接的可排序列表。第二个只包含一个元素，不能移动（但列表是可排序的）。

当我将元素从第一个列表移动到第二个时，我无法将新元素添加为第二个列表的第一个元素。

第二个列表的第一个元素总是 5（在本例中）。 http://jsfiddle.net/fuQ4Z/ Example.

如何解决这个问题的想法？

谢谢

【问题讨论】：

$( ".connectedSortable" ).sortable({ connectWith: ".connectedSortable", }).disableSelection(); jsfiddle.net/fuQ4Z/2
在这种情况下，我可以移动所有项目。我想在列表中有一项不能移动。

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

【解决方案1】：

我假设您希望 #sortable2 的 li 可排序但不与其他列表连接或可拖动。要做到这一点，只需向列表元素添加另一个类并将其排除。 http://jsfiddle.net/fuQ4Z/3/

$( "#sortable1, #sortable2" ).sortable({
  connectWith: ".connectedSortable",
  items: "li:not(.new)",
  cancel: '.excluded'
}).disableSelection();

我给#sortable2 上的li 元素一个排除类而不是新类..

<li class="ui-state-highlight excluded">Item 5</li>

【讨论】：

我可以让 Item5 总是成为两个列表中的最后一个元素吗？总是在这个 Item 之前添加元素？