纯Javascript可拖动div不重叠

Question

我正在开发一个仪表板，可以在其中包含一些数据的可拖动DIV。我希望它们在移动时不重叠。

我已经阅读了关于边界框大肠杆菌的知识，但是当尝试实现它时，我会遇到问题。我现在可以将一个div移到另一个，但如果他们触摸，则无法移动它。

您能帮我找到解决方法吗？它应该是纯JS。这里是JSBIN的链接：JSBINOutput should be open full screen to see the boxes

谢谢

Answer 1

您可以尝试：

var x = document.getElementById（“ draggable_div”）;x.style.display =“绝对”;

但是您可以将x变量更改为所需的任何值。 draggable_div将是div的ID，或者您可以使用

document.getElementByClassName（“ draggable_div”）;

改为获取该类，并说您的div的类是dragthediv，您将只用]

document.getElementByClassName（“ dragthediv”）;

我希望这会有所帮助，并且您的问题已得到解决。祝您有个美好的一天，祝您以后的工作顺利。