【发布时间】：2012-09-14 09:32:57
【问题描述】：
我正在使用 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 个项目可以相互更改位置？有没有办法对可排序的项目进行分组？
谢谢
【问题讨论】：