首页 > 解决方案 > 如何识别和消除 wordpress 上的冲突脚本?

问题描述

我正在使用https://understrap.com/主题和https://lifterlms.com在 WordPress 上创建一个网站 当插件 lifterlms 被激活时,我的导航栏在移动设备上运行不正常。使用移动视图上的 chrome 开发工具,如果我单击打开菜单,它会短暂打开并自动关闭。在我的手机上使用实时链接进行测试,单击切换会打开菜单但不会关闭。这是一个视频来说明正在发生的事情https://youtu.be/O0DpAmoZz_c

要复制问题:

我联系了 lifterlms 团队,但不幸的是,他们无法帮助我解决可接受的延误。

他们告诉我:

您可以尝试在您的子主题的 functions.php 文件中排除有问题的冲突。

所以我的问题是,我应该如何继续识别冲突的脚本?

任何帮助,将不胜感激。

预期行为菜单应在点击移动设备时打开/关闭

单击时,实际行为菜单会在移动设备上快速关闭

标签: javascriptjquerywordpress

解决方案


“如果我点击打开菜单,它会短暂打开并自动关闭。” - 这可能是由于安装了两次相同的处理程序造成的。单击将调用处理程序两次。第一次调用打开菜单。第二次调用关闭菜单。因此,“它会短暂打开并自动关闭”。可以两次安装同一处理程序的一种方法是加载同一库的两个版本。我怀疑同一个库的桌面浏览器版本和移动浏览器版本。每个版本都会附加自己的处理程序。使用浏览器的开发工具,您可以查看所有处理程序 - 检查任何重复的处理程序 - 或查看加载的 JavaScript 列表 - 检查重复文件。作为最后的手段,您不能通过临时重命名它们来加载单个 JavaScript 文件,看看这是否能解决您的问题。


推荐阅读