Closed EBICRMERP closed 3 years ago
if multiple instantiation is needed, the instance is not reused, then drag & drop did not work as well.
in file js1 dragula([document.getElementById("page-list"),document.getElementById("section-list"),document.getElementById("content-list")])
in file js2 dragula([document.getElementById("page-list"),document.getElementById("section-list"),document.getElementById("content-list")]) .on('drag', function (el) { el.className = el.className.replace('ex-moved', ''); console.log("drag event"); }) .on('drop', function (el) { el.className += ' ex-moved'; console.log("drop event"); }) .on('over', function (el, container) { container.className += ' ex-over'; console.log("over event"); }) .on('out', function (el, container) { container.className = container.className.replace('ex-over', ''); console.log("out event"); });
if multiple instantiation is needed, the instance is not reused, then drag & drop did not work as well.
in file js1 dragula([document.getElementById("page-list"),document.getElementById("section-list"),document.getElementById("content-list")])
in file js2 dragula([document.getElementById("page-list"),document.getElementById("section-list"),document.getElementById("content-list")]) .on('drag', function (el) { el.className = el.className.replace('ex-moved', ''); console.log("drag event"); }) .on('drop', function (el) { el.className += ' ex-moved'; console.log("drop event"); }) .on('over', function (el, container) { container.className += ' ex-over'; console.log("over event"); }) .on('out', function (el, container) { container.className = container.className.replace('ex-over', ''); console.log("out event"); });