Javascript 如何在使用模板时在div上添加可拖动功能

Javascript 如何在使用模板时在div上添加可拖动功能,javascript,jquery,jquery-ui,drag-and-drop,Javascript,Jquery,Jquery Ui,Drag And Drop,我想在运行时在div上添加可拖动的功能。使用以下代码生成div的id: var Exp=0; view.renderFunction = function(id1){ var id= id1 + Exp++; $("#"+id).draggable(); }; 这是我的函数,当我删除div时,id是动态生成的。 但当我使用拖拽方法时,它无法移动。我怎样才能移动div var id= id1 + Exp++; $("#"+id).draggable(); 什么是Exp++,您确定要

我想在运行时在div上添加可拖动的功能。使用以下代码生成div的id:

var Exp=0;
view.renderFunction = function(id1){
  var id= id1 + Exp++;
  $("#"+id).draggable();
};
这是我的函数,当我删除div时,id是动态生成的。 但当我使用拖拽方法时,它无法移动。我怎样才能移动div

var id= id1 + Exp++; 
$("#"+id).draggable(); 
什么是
Exp++
,您确定要对现有元素调用
.draggable()
?另外,renderFunction是否曾经使用id调用过


什么是
Exp++
,您确定要对现有元素调用
.draggable()
?另外,renderFunction是否曾经使用id调用过?

它可以工作,已经测试过了

确保以下几点:

  • 确保您知道什么是Exp++(您在问题中没有提到)
  • 调用draggable()的元素是有效的DOM元素
  • 尝试在文档就绪或DOM就绪时调用它

这是一把可以工作的小提琴:

它会工作的,已经测试过了

确保以下几点:

  • 确保您知道什么是Exp++(您在问题中没有提到)
  • 调用draggable()的元素是有效的DOM元素
  • 尝试在文档就绪或DOM就绪时调用它

这是一把正在工作的小提琴:

您是在拖动它本身时遇到麻烦,还是只是在将它扔到任何地方时才遇到问题?这应该很直截了当。下面是一个示例,显示如何将子div从一个父div拖动到另一个父div:

您是在拖动自身时遇到问题,还是只在将其拖到任何地方时才遇到问题?这应该很直截了当。下面是一个示例,显示如何将子div从一个父div拖动到另一个父div:

我用了kinetic.js,现在它工作正常了

我用了kinetic.js,现在它工作正常了

draggable
是一个单词,更正它,不知何故我没有看到问题中的编辑选项。在我的答案中添加了一把小提琴,检查一下,它的工作正常了draggable是一个单词,更正它,不知何故,我没有看到问题中的编辑选项。在我的答案中添加了一个小提琴,检查一下,它工作正常