我正在使用 ul 可排序的 jquery 并且可以移动下面的 8 li 项目：
我想限制这一点，因此只能对具有 img 的 li 项目进行排序（在前 3 个项目之上）但是我发现可能会发生以下情况（例如：可以在非图像 li 之间移动 3 个图像）：
我正在使用以下 HTML 结构（与上面的图片相关，类不可排序）：
<ul id="photoPreviews>
<li class="unsortable">elements</li>
<li class="unsortable">elements</li>
<li>elements</li>
<li class="unsortable">elements</li>
<li>elements</li>
<li class="unsortable">elements</li>
<li>elements</li>
<li class="unsortable">elements</li>
</ul>
当前使用取消的 JQUERY：
$('ul#photoPreviews').sortable({
cancel: 'li.unsortable'
});
所有 li 元素都以 unsortable 类（连接到 .sortable() cancel）开始，并且当将图像添加到 li 时会删除此类。而且我发现我无法使用 unsortable 类对这些项目进行排序。
但是，我仍然可以在无图像项目之间移动带有图像的 li 项目。
问题：我怎样才能限制它，以便只有带有图像的 li 项目可以在彼此之间移动 - 所以在这个例子中，前 3 个可以互相改变位置？有没有办法对可排序的项目进行分组？
谢谢你