如何使jquery可排序项仅排序可排序项而不排序非排序项

Question

我有可排序的项目：

<div class="sortItems">
<div class="sortPhotos nonSortable">ITEM 1</div>
<div class="sortPhotos nonSortable">ITEM 2</div>
<div class="sortPhotos nonSortable">ITEM 3</div>
<div class="sortPhotos ">ITEM 4</div>
<div class="sortPhotos ">ITEM 5</div>
</div>

$(".sortItems").sortable({
 items : ' > .sortPhotos',
 items : ':not(.nonSortable)'

}）;

我的问题是这个，我只想对第4项和第5项进行排序，我不希望它们跨越“.nonSortable”div。这意味着，我不希望ITEM 4或ITEM 5位于任何“.nonSortable”div的前面或中间。

更新：

我不希望这种情况发生：

<div class="sortItems">
<div class="sortPhotos ">ITEM 4</div>
<div class="sortPhotos nonSortable">ITEM 1</div>
<div class="sortPhotos nonSortable">ITEM 2</div>
<div class="sortPhotos ">ITEM 5</div>
<div class="sortPhotos nonSortable">ITEM 3</div>
</div>

我希望可排序的div是唯一可排序的项目。我只能这样做：

<div class="sortItems">
<div class="sortPhotos nonSortable">ITEM 1</div>
<div class="sortPhotos nonSortable">ITEM 2</div>
<div class="sortPhotos nonSortable">ITEM 3</div>
<div class="sortPhotos ">ITEM 5</div>
<div class="sortPhotos ">ITEM 4</div>
</div>

任何帮助将不胜感激。