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

Question

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

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

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

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