Question

我在html和javascript中创建了一个计划表。这里有一个没有风格的小提琴：https://jsfiddle.net/tobyla/6xa225gx/

用户可以在同一天内将工作人员拖到不同的角色。柱。部分要求是用户可以将缺席的工作人员拖到缺席列中，在那里可以显示它们。（任何一天都可以有多个）。

问题是，对于添加到列的每个额外工作者，javascript循环越来越多次，多次添加新名称。

问题似乎是围绕着这段代码：

else if (draggedItem != this && targetThisDay == thisDay && targetShiftPattern == "absentees") { //MH - swap if we're not dragging the item onto itself
    copy = "<tr>" + $(this).clone(true,true) + "</tr>";
    $(this).after($(draggedItem).clone(true,true));
    $(draggedItem).replaceWith('<td class="dnd" draggable="true"  data-dayoftheweek="monday" data-skillSet="skill2"> </td>');
    $(draggedItem).on("drop", handleDrop);
    alert('absenteeism');                
    runIndex();
}

非常感谢任何帮助 - 谢谢你们！

Answer 1

您的问题是runIndex()重新选择相同的元素并重新绑定相同的事件处理程序。

您只需要绑定一次这些事件。

Updated fiddle

html5拖放 - 不需要的javascript循环

1 个答案: