单击项目(elementor kit，wordpress)关闭移动菜单

Question

我似乎找不到答案。我在这个论坛上试过一些答案，但没有用。如果我在移动视图上并点击菜单项#"作为链接。菜单不会关闭。这是我正在尝试的网站。我希望有人知道这个问题。www.cfxsquad.nl/verge/

Answer 1

这个问题不够详细，无法准确理解菜单中哪一项不起作用以及您想要实现什么，但我认为是CASES链接导致了问题。它不包括`href="quot；这就是为什么它不响应点击的原因。

下面的其他正确地包括<a href="#" ...。要实现这一点，您应该包含a href="#"，然后将#更改为wordpress格式的常规url：

<a href="<?php bloginfo('url'); ?>/link-to-the-page">CASES</a>

Answer 2

当链接工作时，移动菜单将自动消失——单击链接将重新加载页面，菜单将消失，直到下次单击打开图标。

如果你想要一个更生动的菜单撤退，你可以尝试一个类型为mainMenu.addEventListener('click', closeMenu(e))的javascript点击处理程序，针对整个菜单区域或每个单独的链接项。

然后将该处理程序附加到已经存在的切换菜单javascript上(我在您的网站中找不到实际的代码，结构很难理解，我只找到了一个二十四岁的主题(。您可以将closeMenu(e)替换为从汉堡包菜单切换菜单的函数的名称。确保在主题的原始脚本之后加载新的JS。

如果不能使用原始的切换动画，则必须首先创建一个css动画，然后在单击菜单/链接时使用javascript将该css类动态添加到#主菜单元素中。假设您已经在上面声明了mainMenu变量，并在样式表中创建了animate-closecss类(保持菜单打开的css类称为open:

const closeMenu(e) => {
// e.preventDefault() -- only if you don't want the 
// link clicks to work/send you along to the next page
// Now close that darn menu:
if (mainMenu.classList.contains('open') {
mainMenu.classList.add('animate-close')
mainMenu.classList.remove('open')
}
}