Javascript 限制可以删除jqueryui可排序项的区域

我有一个元素的“ul”，最后一个“li”是创建新的元素。 由于jqueryui可排序，ul是可排序的，我已经从$'ul'中排除了最后一个'li'元素。可排序使得该元素不可拖动。但是，列表中的其他项可以放在最后一个li元素下。我想阻止这一切。有没有办法限制物品可以放在哪里

简单概念HTML：

<ul>
    <li class="list-element">potato</li>
    <li class="list-element">tomato</li>
    <li class="list-element">banana</li>
    <li class="list-element">pistacchio</li>
    <li class="new-element">new product</li>
</ul>

小提琴：

如您所见，所有项目都可以拖动到.new元素li下。在最后一个li元素之前，有没有办法限制拖动能力

PS：我知道将最后一个元素置于ul之外要容易得多，但这不是这里的重点：p

通过将排序的项目指定为其他li项目来实现这一点

---

这将禁用最后一个元素的放置区域，并使其不可排序。

效果很好，谢谢！这很有趣，因为在我的原始代码中，我没有列表元素的类，并且尝试了类似//items:“：not.new element”这样的东西，但没有正常工作：P我会尽快接受，所以让我来吧！

$('ul').sortable();
$("ul").disableSelection();
$('ul').sortable({ cancel: '.new-element' });

$('ul').sortable({
    items: ".list-element",
    cancel: ".new-element",
});