jQuery UI的可排序 - 子元素移動父項

Question

我有以下的html：

<div class="wrapper"> 
    <div class="box"> 
     <div class="box__title"> 
      <div class="box__move">move</div> 
     </div> 
     <div class="box__description"> 
     </div> 
    </div> 
    <div class="box"> 
     <div class="box__title"> 
      <div class="box__move">move</div> 
     </div> 
     <div class="box__description"> 
     </div> 
    </div> 
</div> 

我想「box__move」要移動的「包裝」中的「盒子」項目觸發。

我希望像下面這樣的東西可以工作，但沒有。所以，想知道是否真的有辦法做到這一點。

$('.box__move').sortable({ 
    axis: 'y', 
    items: 'parent .box' 
}); 

任何人都能夠幫助，或者這是不可能的？

Answer 1

嘗試：

$('.wrapper').sortable({ 
    axis: 'y', 
    handle: '.box__move' 
}); 

Answer 2

$('.wrapper').sortable({ 
    axis: 'y', 
    handle: '.box__move' 
});