jQuery UI Sortable 在第一次和最后一次禁用时失败

Question

我有以下代码：

jQuery("#wiggle-available, #wiggle-current" ).sortable({
        connectWith: ".wiggle-connect",
        items: 'li.sortable',
        placeholder: "ui-state-highlight"
}).disableSelection();

所以，基本上我有 2 个可排序的列表，我可以在它们之间转移项目。问题是，在我的第二个列表中，我希望第一个和最后一个项目不可拖动且不可排序（它们没有 sortable 类，所以一切都很好）。

当列表中填充了 3 个以上的项目（2 个固定项目和它们之间的一个）时，它可以正常工作，但是一旦我从中间删除了 1 个项目，我就无法在 2 个项目之间插入任何东西剩下的项目，仅在列表的末尾。

2 个问题： 1. 是否有可能让我在 2 个不可排序的项目之间插入项目？ 2. 是否可以禁止在列表末尾添加项目？

Answer 1

找到了解决方案 :) 对于任何可能感兴趣的人：

修复是在这 2 个不可排序项目之间添加一个可排序项目（使用 sortable 类），高度为 0。这样用户就看不到它，也不能把它拖走。该列表始​​终有 3 个项目，但显示 2 个。它解决了我的两个问题:)

这可能在调用 .sortable("serialize") 时会引起问题，但在我的情况下，这不是问题，并且有解决方法。