Javascript 如何使jquery可排序项只对可排序项进行排序，而不对不可排序项进行排序

我有可排序的项目：

<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。意思是，我不想把项目4或项目5放在前面或中间的任何不可分割的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>

---

任何帮助都将不胜感激。

如果您不理解您的问题，请正确解释创建JSFIDLE pleasedoes项目：div:not.nonSortable work？这里有一个例子