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

时间:2012-05-24 09:26:40

标签: 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?

4 个答案:

答案 0 :(得分:2)

它会起作用,已经测试过了。

确保以下几点:

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

这是一个工作小提琴:http://jsfiddle.net/gopi1410/ByWCS/

答案 1 :(得分:2)

您是否在拖动自身时遇到麻烦,或者仅在将其丢弃到任何地方时才出现问题?这应该是非常直接的。这是一个示例,显示将子div从一个父div拖到另一个父div: How to enable dragging a div from one parent div to another

答案 2 :(得分:1)

var id= id1 + Exp++; 
$("#"+id).draggable(); 

什么是Exp++,您确定要在现有元素上调用.draggable()吗?另外,是否曾使用id?

调用renderFunction

答案 3 :(得分:0)

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