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

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

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

这意味着句柄选择器可以处理未来的元素。

动态更改stop事件中的handle选项

1 个答案: