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

Question

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

链接到： 代码笔

感谢杰夫·米尼奥内(Jeff Mignone(的这个剧本

Answer 1

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

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

一目了然，它的目的是允许您在拖动时添加自定义样式。 问题是，为此，它将类直接添加到触发事件的元素中。例如，如果此元素是所需的标记"a"，则更改该元素将中断事件处理，并且 click 事件将不会按预期处理。 一种可能的解决方案是在一段时间后添加类(通过使用setTimeout函数(或将类添加到元素的父级。

例如，将上面的行替换为以下行也可以解决问题(不要将 10 替换为 0，它会失败(：

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