为什么我在这个网站上的移动菜单可以在浏览器上运行，但不能在实际的移动设备上运行？答案

【问题标题】：Why does my mobile menu on this site work on browser but not on actual mobile device?为什么我在这个网站上的移动菜单可以在浏览器上运行，但不能在实际的移动设备上运行？
【发布时间】：2019-12-11 07:09:02
【问题描述】：

我的移动菜单在桌面浏览器上运行良好，但在实际的移动设备上却不行。我已经在 Chrome、Safari 和 Firefox 上对其进行了测试。

我已经尝试过Menu appearing on mobile view in desktop browsers but not on actual mobiles，但这里的情况似乎不同。

    <div id="mobileSticky">
        <div class="title-bar" data-responsive-toggle="site-navigation">
            <button class="menu-icon" type="button" data-toggle="mobile-menu"></button>
            <div class="title-bar-title">
                <a href="<?php echo esc_url(home_url('/')); ?>" rel="home"><img src="/wp-content/themes/imagineItStudios2017/assets/images/header/logo.svg" alt="Imagine It Studios" class="desktopLogo"></a>
            </div>
        </div>
    </div>

我希望该菜单也能在小型桌面屏幕和移动设备上打开。

【问题讨论】：

标签： html wordpress sass zurb-foundation

【解决方案1】：

摆脱这个类，看看能不能解决它。需要查看css，但那个或移动菜单标志正在破坏它。否则它是微不足道的js。

另外，你班的其他人可能有问题，请尝试隔离问题。

【讨论】：

删除类不起作用。我遇到的问题之一是它可以在台式机上运行，但不能在移动设备上运行。所以很难确定。

【解决方案2】：

我检查了控制台日志，发现有一个javascript错误。我相信这就是原因。

检查代码后，我认为它来自某种联系表单插件。由于 js 文件被缩小和缓存，我相信您在网站上使用了某种 cacing/minifying 插件，这有时会导致 javascript 出现问题。

请仔细检查javascript代码并修改缓存插件的设置（如果有的话）。我认为问题可能会得到解决。

谢谢。

【讨论】：