jquery - jQuery.sortable() と動きの制限

Question

実装するかなり複雑な UI があります。ドラッグアンドドロップが多い。ただし、dom にはソート可能な「グループ」がいくつかありますが、別のクラス名を持つ項目を超えて項目をドラッグする機能を制限する必要があります。

たとえば、この Dom では、typea アイテムをそれらの間でソート可能にしたいのですが、typeb または typec アイテムと混在させることはできません。

グループ化を追加することでこれを解決できることはわかっていますが、実際の dom ははるかに複雑であり、より多くのグループでさらにネストしたくありません。

JSFiddle の例

<div id="sortable">
    <div class="typea">typea1</div>
    <div class="typea">typea2</div>
    <div class="typea">typea3</div>
    <div class="typea">typea4</div>

    <div class="typeb">typeb1</div>
    <div class="typeb">typeb2</div>
    <div class="typeb">typeb3</div>
    <div class="typeb">typeb4</div>
    <div class="typeb">typeb5</div>

    <div class="typec">typec1</div>
    <div class="typec">typec2</div>
    <div class="typec">typec3</div>
    <div class="typec">typec4</div>
    <div class="typec">typec5</div>
    <div class="typec">typec6</div>
</div>