Запретить использование предметов в других (родительских / дочерних) элементах

Я использую knockout-sortable.js, чтобы позволить пользователю перетаскивать элементы, чтобы задать им другой порядок, но у меня возникают проблемы, когда у меня несколько «зон перетаскивания». на моей странице. У меня есть вложенные наборы, все из которых можно сортировать, ноnot взаимозаменяемы.

Мой код:

    <div class="sortable" data-bind="sortable: blueprint.pages">
          <tr><td>Blabla</td></tr>
    </div>

И в какой-то другой момент:

    <div class="sortable" data-bind="sortable: selectedPage().page_sections">
          <tr><td>Another blabla</td></tr>
    </div>

Теперь я могу просто перетащить "еще один бла". в "Blabla", вызывая ошибки. Как я могу предотвратить это?

Ответы на вопрос(1)

Ваш ответ на вопрос