鏈接不可點擊，只能在手機上長按

我在一個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的挖掘鑑定，我想我可能要只是垃圾它，並建立我自己的（更簡單）移動導航欄。

來源

2017-02-11 david k

你有這個問題的鏈接的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，但它被縮小了。

希望能幫助您進行調試。乾杯。

來源

2017-02-11 20:20:55 matt

鏈接不可點擊，只能在手機上長按

回答

相關問題