Jquery Sortable + <ul> </ul>的一些项目

Question

我正在使用带有ul的jquery sortable并且可以移动下面的8 li项目：

我想限制这个，所以只有具有img的项目可以排序（超过前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时删除此类。而且我发现我无法用不合格的课程对这些项目进行排序。

但是我仍然可以在没有图像项目之间移动带有图像的li项目。

问题：如何限制它，以便只有带有图像的项目可以在彼此之间移动 - 所以在这个示例中，前3个可以相互改变位置？有没有办法对可排序的项目进行分组？

三江源

Answer 1

'items'选项允许您更改哪些元素可排序http://jqueryui.com/demos/sortable/#option-items

示例：http://jsfiddle.net/cjc343/55rzM/