javascript - JQuery Sortable : 並べ替え可能な要素をドラッグ不可にするが、並べ替え可能にする

Question

次のHTMLを検討してください。

<div class="sortcontainer">
    <div class="item">  i1</div>
    <div class="item">  i2</div>
    <div class="item nondraggable">  i3</div>
    <div class="item">   i4</div>
    <div class="item">  i5</div>
    <div class="item nondraggable">  i6</div>
    <div class="item nondraggable">  i7</div>
    <div class="item">  i8</div>
</div>

sortableに(jQuery UI) を適用していsortcontainer divます。

i3一部のアイテム (ここでは 、i6およびi7) をドラッグ不可にしたいと考えています。ただし、それらはリスト内でソート可能のままにする必要があります。

それらのアイテムの並べ替えを無効にしてみました。これを行うと、ドラッグできなくなりますが、位置は固定されます。i6たとえば、それらを無効にすると、 との間に何もドロップできなくなりi7ます。

これらの要素をドラッグ不可にしながら、並べ替え可能にしたいと考えています。

何か案は？

JSFiddle リンク:デモ