附加可拖动和动态标签jquery

Question

我正在尝试生成动态标签，并在单击按钮时将其中的每一个添加到表格的单元格中。这是我的代码：

var i=0;
$("#next").on("click",function ()
{
   $(".item").each(function(e) //scorre ogni cella della tabella con classe 
   {    
       $(this).html("<label id=txt"+i+" class=tagElem draggable=true>Hello</label>");
       i++;
   });      
 });

当我尝试将此标签中的一个拖放到droppable div中时，会出现此错误：

Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'

我已经阅读了很多关于它的主题，但其中没有一个是我的理由。 有人可以解释我因为它发生了吗？

Answer 1

我检查了您的代码并将其修复为fiddle。 您的问题出现在dragstart选择器中，该选择器不会针对新添加的li元素触发，而只针对初始加载页面时存在的元素。 我的修复包括在dragstart上收听document事件，然后过滤其回调中的li元素。