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' 
});