我正在开发一个自定义工作流风格的应用程序。我正在使用jQuery UI作为拖放工具包。
在拖放一个项目时,我呈现了一个bootstrap面板,其中包含主体中的各种项目(取决于被拖放的内容)。
现在,我想要做的是允许这些面板在拖放区域内再次可拖动,但我似乎无法实现。
下面是一个指向html要点的链接。忽略linkme的东西,这是我正在努力的另一个方面。理想情况下,对象可以拖动到解决方案div中的任何位置。
https://gist.github.com/ajberry/0ab2c0adca4f92855b26b63f929b108d
我假设这是很愚蠢的事情,并且我已经尝试了以下方法,但没有成功:
$( ".panel-default" ).draggable();
因为我认为这将允许每个面板是可拖动的。我猜是因为我的droppable事件或者别的什么。
问候
发布于 2016-09-19 22:01:23
我在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();
}
https://stackoverflow.com/questions/39574723
复制相似问题