链接不可点击，只能在手机上长按

问题描述：

我在一个Wordpress网站有一个奇怪的错误，我接管了（我没有开发它，而且代码在地方有点乱）。链接不可点击，只能在手机上长按

如果我调整我的桌面浏览器的大小，移动导航工作正常，但如果我在我的iPhone上转到它，链接不可点击。 ARE可长按（我可以在新标签中打开），但在它们上敲击它们对我的iPhone，Safari和Chrome都没有任何影响。

有没有其他人遇到过这个问题？我正在工作的舞台服务器在这里：frame.staging.wpengine（尽管它也在主站点上打开，而且我不知道多久）。

（检查时）的HTML是：

<div id="mobile-nav" style="display: block;"> 

    <div id="mobile-nav-button0" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20.0001, 0, 0, 1);"> 
     <a href="https://blog.frame.io/">BLOG HOME</a> 
    </div> 
    <div id="mobile-nav-button1" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20.0001, 0, 0, 1);"> 
     <a href="https://blog.frame.io/2017/02/09/manifesto">MANIFESTO</a> 
    </div> 
    <div id="mobile-nav-button2" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20.0001, 0, 0, 1);"> 
     <a href="#footer-email-wrapper">SUBSCRIBE</a> 
    </div> 
    <div id="mobile-nav-button3" style="transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 19.9992, 0, 0, 1);"> 
     <a href="https://frame.io/">VIDEO REVIEW TOOLS</ 
    </div> 

</div>

样式= “变换...” 是由JavaScript当我打开移动NAV加入。

以下是应用于＃mobile-nav的css规则。

#mobile-nav { 
    position: absolute; 
    right: 0px; 
    padding-top: 45px; 
    width: 50%; 
    font-family: AzoWeb-Bold; 
    font-size: 16px; 
    color: white; 
    text-align: left; 
    line-height: 36px; 
    overflow: hidden; 
    display: none; 
    height: 100%; 
    background-color: #2e323f; 
}

还有为菜单“汉堡包menu.js”一个js文件，但它是1600行：/ 如果有什么可以不通过所有的JavaScript的挖掘鉴定，我想我可能要只是垃圾它，并建立我自己的（更简单）移动导航栏。

你有这个问题的链接的HTML代码片段？此外，与链接相关联的CSS将是一件好事，可以帮助我们排除故障。 – matt

我添加了相关的HTML和CSS - 很抱歉。 –

答

我去你site在手机观点。每次点击链接。此警告出现在控制台：

Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/5093566007214080

什么似乎是发生的是，你有一些jQuery的是从航行停止锚标记。仅适用于手机。我试图追踪你的JS，但它被缩小了。

希望能帮助您进行调试。干杯。

链接不可点击，只能在手机上长按

相关推荐