Jquery ui 动态更改停止事件中的句柄选项

总之，我知道如何在jQueryUIDragable和sortable中使用。我还知道我们可以在stop事件中修改拖拽项的html内容和css样式。但我不知道是否有可能在停止事件中动态地向拖动项添加句柄选择器？请查看下面的代码。谢谢

$( ".selector" ).draggable({
  connectToSortable : '.sortableDiv',

  stop: function( event, ui ) {
      //do nothing

  }
});

$(".sortableDiv").sortable({
  stop:function(event,ui){
    $(ui.item).prependTo(
         $('<div>drag handler</div>').addClass('draghandler'));//append elements
      //next I want to make the div.draghandler to be the drag handle .

  }
});

$（“.selector”）.draggable({
connectToSortable:“.sortableDiv”，
停止：功能（事件、用户界面）{
//无所事事
}
});
$（“.sortableDiv”）.sortable({
停止：功能（事件、用户界面）{
$（ui.item）.prependTo(
$（'drag handler'）.addClass（'draghandler'）；//追加元素
//接下来，我想让div.draghandler成为拖动控制柄。
}
});

我找到了一个办法。只要添加handle选项，不管选择器是否可以为其检索任何元素。如果找不到任何元素，则没有用于拖动的句柄。否则它就会起作用。请检查代码。谢谢

$(".sortableDiv").sortable({
  stop:function(event,ui){
    $(ui.item).prependTo(
         $('<div>drag handler</div>').addClass('draghandler'));//append elements
      //next I want to make the div.draghandler to be the drag handle .

  },
  handle:'div.draghangler'
});

$（“.sortableDiv”）.sortable({
停止：功能（事件、用户界面）{
$（ui.item）.prependTo(
$（'drag handler'）.addClass（'draghandler'）；//追加元素
//接下来，我想让div.draghandler成为拖动控制柄。
},
句柄：'div.draghangler'
});

这意味着句柄选择器可以在将来的元素上工作