在停止事件中动态更改句柄选项

Question

所有，我知道如何在可拖动和可排序的 Jquery UI 中使用handle。而且我还知道我们可以在 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 .

  }
});

Answer 1

我找到了一种方法。只需添加句柄选项，无论选择器是否可以为其检索任何元素。如果没有找到任何元素，则没有用于 drag 的句柄。否则它将起作用。请检查代码。谢谢。

$(".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'
});

这意味着句柄选择器可以作用于未来的元素。