移动菜单问题
Posted
技术标签:
【中文标题】移动菜单问题【英文标题】：Issues with mobile menu 【发布时间】：2019-08-10 01:03:00 【问题描述】：我想这不是一个足够具体的问题，但我希望有人可以建议我如何调试失败的移动侧边菜单。
所以我的主站点是一个 wordpress 站点，但我的异地白标却没有。
我已将 html 复制到白色标签，并添加了页眉和页脚中的所有 css 和脚本。
一切看起来都正确，样式也很好，汉堡菜单甚至会在点击时更改图标，所以我可以放心地假设脚本正在正确加载。
我的主站点是http://lowcosttravel.ie，失败的页面是http://hotel.lowcosttravel.ie
我不希望任何人为我解决此问题，但如果有人可以建议如何调试以查找未正确加载的部分。
我知道某些字体图标上存在 CORS 问题，但目前我并不关心这些问题。
诚挚的问候，非常感谢您的帮助。
【问题讨论】：
【参考方案1】：您已经对结构 HTML 进行了一些更改并更改了类名。您可能没有在 CSS 和 javascript/jQuery 中反映这些更改。您也可能没有使用 JavaScript/jQuery 定位正确的元素来在菜单包装器上设置 display:block。
在 http://hotel.lowcosttravel.ie/ 上，您的移动菜单包装器称为 hamburger-menu-wrapper，而在 http://lowcosttravel.ie/ 上，它称为 wrapper-mobile-nav。
在检查中将 hamburger-menu-wrapper 更改为 wrapper-mobile-nav http://hotel.lowcosttravel.ie/ 似乎会打开菜单包装器。
我会去看看你的 JavaScript/jQuery 的目标是什么并做出适当的改变
【讨论】：
【参考方案2】：我想您忘记将 Menu Mobile HTML 从 http://lowcosttravel.ie 复制到 http://hotel.lowcosttravel.ie。下面的屏幕截图来自http://lowcosttravel.ie，我无法在您的失败页面http://hotel.lowcosttravel.ie/ 中找到此 HTML。我希望这会帮助你。谢谢
【讨论】：
以上是关于移动菜单问题的主要内容，如果未能解决你的问题，请参考以下文章