Блог

Опция jQuery sortable containment принимает «родительский» или «селектор» для родительского элемента и делает все элементы внутри родительского элемента содержащимися или ограниченными внутри родительского элемента. Мой вариант использования требует, чтобы определенные элементы, у которых нет класса ‘x’, можно было перетаскивать за пределы родительского элемента и удалять в другом месте.

Вот мои сортируемые параметры:

 $('.sortable').sortable({
      cursor: 'auto',
      helper: 'clone',
      tolerance: 'pointer',
      connectWith: '.droppable',
      cursorAt: { top: 0, left: 0 },
      opacity: .9,
      scroll: false,
      revert: 180,
      containment:'parent'
    })
  

Например,

 <div class="sortable">
  <div class="sortable">
   <div class="contain-parent"></div>
   <div class="contain-parent"></div>
   <div class="no-containment"></div>
 </div>
  <div class="contain-parent"></div>
  <div class="contain-parent"></div>
  <div class="no-containment"></div>
</div>
  

Я хочу, чтобы дочерние элементы с классом «no-containment» могли сортировать вне родительского div.