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

问题描述 投票:0回答:1

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

链接到:CodePen

并且感谢Jeff Mignone的帮助script

javascript html css codepen
1个回答
0
投票

如果删除此行,它将起作用(第182行):

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

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

例如,用下面的行替换上面的行也可以解决问题(不要将10替换为0,否则将失败):

setTimeout(() => this.options.element.classList.add("dragged"), 10);
© www.soinside.com 2019 - 2024. All rights reserved.