Question

我正在开发自定义工作流程样式应用程序。我正在使用jQuery UI进行拖放工具包。

在删除项目时，我正在渲染一个包含正文中各种项目的引导面板（取决于丢弃的内容）。

现在，我想要做的是让这些面板在掉落区域内再次拖动，但我似乎无法实现它。

以下是指向html要点的链接。忽略链接的东西，这是我正在努力的另一个方面。理想情况下，对象可以在解决方案div中的任何位置拖动。

https://gist.github.com/ajberry/0ab2c0adca4f92855b26b63f929b108d

我假设它有些愚蠢，我尝试了以下但没有成功：

$( ".panel-default" ).draggable();

我认为这样可以让每个面板都可以拖动。我猜测它与我的可放置事件或其他事情有关。

此致

Answer 1

我在drop事件的draggable属性中添加了。在此之前，对象并不存在，因此无法应用它。

function handleDropEvent( event, ui ) {
  var rownum = $("#solution .panel-default").length;
  console.log(rownum);
  var draggable = ui.draggable;
  var mytype = draggable.attr('class');
  if (!(mytype.includes("panel-default"))){
    renderChildControls(draggable.attr('id'), rownum)
    }
   $('.panel-default').draggable();

}

允许在droppable事件上创建的项目可拖动

1 个答案: