我对a href="...
有问题,它不起作用。当我右键单击它时,我可以轻松地在新选项卡中打开它,但是当我单击鼠标左键时,它根本不起作用,我认为是因为JS脚本,但我不知道如何更改它。可能但<div id="planes">
得到class="dragged"
链接到:CodePen
感谢Jeff Mignone的script
最佳答案
如果删除此行,它将起作用(第182行):
this.options.element.classList.add("dragged");
一目了然,它的目的是允许您在拖动时添加自定义样式。
问题是要这样做,它将类直接添加到触发事件的元素中。例如,如果此元素是所需的标签'a',则更改该元素将中断事件处理,而click事件将无法按预期进行处理。
一种可能的解决方案是在一段时间后添加类(通过使用
setTimeout
函数)或将该类添加到元素的父级。例如,将上面的行替换为下面的行也可以解决该问题(不要将10替换为0,否则将失败):
setTimeout(() => this.options.element.classList.add("dragged"), 10);