菜单上的链接在单击时不起作用，但在右键单击时起作用？

Question

shaperssurf.com 大型菜单上的顶级链接无法在单击时工作，但在右键单击时工作正常（鳍 > 推进器鳍、长板鳍...等）

我们有另一个网站 shapers.com.au，它使用完全相同的主题和菜单，但我们没有遇到此问题。大型菜单运行良好。

两个网站上的链接生成的代码有所不同......

Shaperssurf.com

<a class="navPage-subMenu-action navPages-action navPages-action-depth-max has-subMenu" href="https://shaperssurf.com/longboard/" data-collapsible="navPages-1125" aria-label="Longboard Fins" aria-controls="navPages-1125" aria-expanded="true">
                        <span>Longboard Fins</span><i class="icon navPages-action-moreIcon" aria-hidden="true"><svg><use xlink:href="#icon-chevron-down"></use></svg></i>
                    </a>

shapers.com.au

<a class="navPage-subMenu-action navPages-action navPages-action-depth-max has-subMenu" href="https://shapers.com.au/shaping-blocks-1/">
                        <span>Shaping Blocks</span><i class="icon navPages-action-moreIcon" aria-hidden="true"><svg><use xlink:href="#icon-chevron-down"></use></svg></i>
                    </a>

我尝试禁用一些 JavaScript 文件以查看是否有帮助，但似乎没有任何效果

任何帮助将不胜感激。

Answer 1

我将 Shaperssurf.com 代码粘贴到带有基本 html 的 html 中，并且成功了。

我刚刚将您的代码粘贴到 Visual Studio Code 中并且它可以工作。但似乎有一些类型的错误，比如中断或什么。

看一下：

但是当我刚刚删除了一些换行符时。

恢复中

将代码粘贴到 VsCode 中时，换行符中会出现某种类型的错误，但对于“错误”或“已修复”，它对我来说工作正常。