首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使移动版汉堡包菜单按钮工作

如何使移动版汉堡包菜单按钮工作
EN

Stack Overflow用户
提问于 2022-02-01 11:15:26
回答 2查看 314关注 0票数 -1

我有一个wordpress网站,它的移动版汉堡包菜单不工作,因为我也尝试添加脚本。如何使菜单按钮正常工作。

下面我提供了菜单不起作用的网站的链接。

https://drisharikganesh.com/

代码:

代码语言:javascript
运行
复制
// Events Listeners
hamburgerMenu.addEventListener("click", toggleNav);
navItems.forEach((nav) => {
  nav.addEventListener("click", toggleNav);
});

它仍然不起作用,它应该被添加到哪里,请帮助我得到这个工作。

EN

回答 2

Stack Overflow用户

发布于 2022-02-01 11:29:40

代码语言:javascript
运行
复制
<script>
document.querySelector(".navbar-toggle.tablet-responsive").addEventListener('click',()=>{
    document.querySelector(".navbar-collapse").classList.toggle("collapse")
})
</script>

从插件中安装“代码片段”插件。将此代码添加到您的页脚区域。如果你有任何问题,请搜索谷歌“如何添加javascript代码到页脚与代码片段”或类似的东西。你应该表现得很好。

票数 1
EN

Stack Overflow用户

发布于 2022-02-01 11:33:36

代码语言:javascript
运行
复制
`burger = document.querySelector('.burger')
navbar = document.querySelector('.navbar')
rightnav = document.querySelector('.rightnav')
navList = document.querySelector('.nav-List')

burger.addEventListener('click',()=>{
    navbar.classList.toggle("h-nav-resp");
    navList.classList.toggle("v-class-resp");
     rightNav.classList.toggle("v-class-resp");
                                    `
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70939653

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档