当移动菜单、搜索图标等在 WordPress 中不起作用时,请执行此操作

Engage in sale leads forums for valuable lead-generation strategies
Post Reply
hasinab6609
Posts: 7
Joined: Wed Dec 04, 2024 7:34 am

当移动菜单、搜索图标等在 WordPress 中不起作用时,请执行此操作

Post by hasinab6609 »

我曾经使用过OceanWp,甚至写过关于汉堡包 (☰) 菜单、搜索图标和移动设备上的下拉子菜单等在其中无法正常工作的文章。

现在在WordPress 论坛上,每个新用户都面临这个问题。

每当他们尝试点 比利时 WhatsApp 手机号码列表 击移动版网站的导航菜单或标题菜单时,无论他们使用什么操作系统,

它不起作用。

它只是在网站 URL 末尾显示一个 /#。

Image

一位用户甚至询问是否有任何可能的解决方案可以适用于所有人。

是的。

如果您在切换到WordPress 主题后也遇到同样的问题,例如:

阿斯特拉
海洋WP
生成新闻
Themify、Avada 等,以下是可能导致您的网站出现此问题的几件事。

我会帮助你解决这个问题。

让我们开始吧。

移动菜单和搜索图标错误的原因


移动菜单、子菜单项和搜索图标,您网站上的所有三个元素都在 javascript 的帮助下运行,并由 CSS 赋予样式。

如果您网站上的页面无法加载 javascript,您的移动菜单和搜索图标将无法加载。

当您的页面由于缓存文件错误而显示静态页面时,也会发生这种情况。在这种情况下,javascript 也不会加载。

许多插件确实会优化 CSS 传输、压缩 JavaScript 文件并缩小 HTML。这也会导致包括响应式菜单和搜索在内的一些元素在您的网站上停止工作。

现在您知道了错误的原因,让我们找到一些可能的解决方案来解决这个问题。

1. 禁用缓存和速度优化插件
我发现所有出现此错误的网站(包括我的网站)都常用速度优化插件,例如 Autoptimize、Async javascript、HummingBird、WP Speed of light 和 Fast velocity minify。

WP Super Cache、W3 total cache、Litespeed cache 和WP Rocket等WordPress Cache 插件也对此负有责任。不过,如果您不打开 WP rocket 的压缩选项,它不会显示任何错误。

您所要做的就是禁用任何速度优化或缓存插件(如果您的网站和移动菜单上有的话),然后搜索图标就会开始工作。

2. 卸载已安装的其他主题
我还遇到过安装Genesis 框架时搜索图标不起作用的情况。起初,Genesis 根本没有安装,但在禁用 OceanWP 后,它就可以安装了。

当我安装 Astra 并激活它时,Genesis 保持停用状态但仍安装在后端,移动菜单和搜索图标都不起作用。

然后我发现卸载 genesis 和我安装的另一个主题后,一切正常。

因此,卸载任何主题(而不是出现问题的主题)将帮助您解决此问题。

3.检查浏览器缓存和脚本加载选项
也可能是因为您在浏览器中禁用了 javascript 加载功能。请检查 chrome、Microsoft Edge 或 Safari 的设置,看看是否已启用加载脚本。
Post Reply