在我的自定义WordPress主题上使用WPML,这是一个双语英语/法语网站。我的移动菜单在主要语言(英语)网站上运行良好,而在法语网站上完全没有。认为这是一个JS问题,但我不熟悉Javascript并寻求帮助。 :)
背景:我从另一位开发人员手中接过了这个WordPress网站,该开发人员使用了Bones入门主题版本(Bones-LESS)来创建网站。他曾使用Multilingual Press作为翻译插件;我删除了它并安装了WPML(http://wpml.org),我更熟悉。
在屏幕上< 768px,水平导航菜单被下拉菜单“hamburger”取代。移动菜单在英语(主要语言)页面上正常工作,但不会在法语(翻译语言)页面上下拉/加载。
(我使用Firefox的“响应式设计视图”,启用了触控功能,可以在桌面上测试。还可以在iPhone上测试。)
在阅读完这个帖子之后 - https://wpml.org/forums/topic/some-js-is-not-loading/ - 我假设它与Javascript有关,因为WPML将“/ fr”附加到URL,因此移动菜单没有加载,但我是不知道如何解决它。
谢谢!如果我能提供任何进一步的信息,请告诉我。
答案 0 :(得分:1)
问题是#menu-main-menu-french
所以在 js 文件中更改:
$mainNav.find('#menu-main-menu')
到
$mainNav.find('>ul')
在所有情况下。
或者您可以手动将默认类/ ID添加到菜单中。