Невозможно разрешить: Uncaught TypeError: Не удалось выполнить 'appendChild' в 'Node': параметр 1 не имеет тип 'Node'

Question

Я попытался найти ответ в подобных вопросах, но я не могу его решить, Я знаю, что ошибка связана с jQuery, преобразованием DOM, но я не могу исправить проблему, я попытался использовать append(); вместо appendChild() ;. Я пытаюсь реализовать функции перетаскивания.

Это мой JavaScript: (Закомментированный это методы, я пытался)

$('#todo, #inprog').bind('drop', function(event) { 
    var notecard = event.originalEvent.dataTransfer.getData("text/plain"); 
    event.target.appendChild(document.getElementById(notecard)); 
    // var c = $(document.getElementById(notecard))[0]; 
    // var c = $('#notecard')[0]; 
    //event.target.innerHTML = document.getElementById(notecard); 
    //event.target.append(notecard); 
    //$(event.target).append(document.getElementById(notecard)); 
    //$(event.target).append('#notecard'); 
    //$('#notecard').appendTo(event.target); 
    event.preventDefault(); 
}); 

Answer 1

Причина в том, notecard не является node.

ли какие-то изменения в коде

$('#todo, #inprog').bind('drop', function(event) { 
    var notecardText = event.originalEvent.dataTransfer.getData("text/plain"); 
    var notecard = document.createElement("div"); // Create a node first, div or p or span 
    notecard.appendChild(notecardText) // append your text to the node 
    event.target.appendChild(document.getElementById(notecard)); 
    event.preventDefault(); 
}); 

Answer 2

Найдено решение, объект DOM не был загружен для элементов, созданных динамически, и я звоню функцию JS, прежде чем они созданы так event.originalEvent.dataTransfer.getData("text/plai‌​n"); возвращавшегося нуль, как там при загрузке js элемент не присутствовал. Я вызвал функцию, где DOM был создан для решения проблемы. '<div id="itemT'+j+'" name="task'+j+'" draggable="true" contenteditable class="cardTitle" ondragstart="dragS1(event)"></div>'