html中的链接不起作用，但在浏览器的左下角可见

Question

我对a href="...有问题，它不起作用。当我右键单击它时，我可以轻松地在新选项卡中打开它，但是当我单击鼠标左键时，它根本不起作用，我认为是因为JS脚本，但我不知道如何更改它。可能是<div id="planes">得到class="dragged"

链接到：CodePen

并且感谢Jeff Mignone的帮助script

Answer 1

如果删除此行，它将起作用（第182行）：

this.options.element.classList.add("dragged");

一目了然，它的目的是允许您在拖动时添加自定义样式。问题是要这样做，它将类直接添加到触发事件的元素中。例如，如果此元素是所需的标签'a'，则更改该元素将中断事件处理，而click事件将无法按预期进行处理。一种可能的解决方案是在一段时间后添加类（通过使用setTimeout函数）或将类添加到元素的父级。

例如，用下面的行替换上面的行也可以解决问题（不要将10替换为0，否则将失败）：

setTimeout(() => this.options.element.classList.add("dragged"), 10);