リンクがクリックできない、携帯電話でのみ長押し可能

Question

私はWordpressサイトで奇妙なバグを抱えている（私はそれを開発せず、コードはちょっと混乱している） 。

デスクトップブラウザのサイズを変更するとモバイルナビゲータが正常に機能しますが、iPhoneで移動するとリンクはクリックできません。長持ちすることができます（私は新しいタブで開くことができます）。しかし、SafariとChromeの両方のiPhoneでは何もしません。

他の誰かがこの問題に遭遇しましたか？

私が働いている私のステージングサーバはここにあります：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> 

スタイル= "変換..." 私は携帯NAVを開いたときにはJavaScriptによって追加されます。

ここには＃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の全てを掘りずに識別することができます何もない場合は/ は、私は私が持っているかもしれないと思いますそれをゴミ箱に入れて、自分の（よりシンプルな）モバイルナビゲーションバーを構築してください。

Answer 1

モバイルビューでsiteに行ってきました。リンクをクリックする度にこの警告は、コンソールに表示されます。

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

何が起こっているようですが、あなたがナビゲートするからアンカータグを停止しているいくつかのjQueryを持っているということです。モバイル専用。私はあなたのJSを通して追跡しようとしましたが、それは縮小されました。

希望のデバッグに役立ちます。乾杯。