javascript - 在 WordPress 中构建 Bulma Navmenu - 为什么我的 Javascript 无法切换菜单？

Question

我正在使用下划线主题和 Bulma CSS 框架构建一个基本的 WordPress 网站。

我试图只包含在移动设备上打开/关闭导航菜单所需的基本 JavaScript 代码，但它不起作用(可能是因为我是一个完全的 js 菜鸟)。这是网站:

sandbox.radionowhere.net

据我所知:

• bulma.css 加载正常
• 最新版本的 jquery 加载正常

为了最大程度地简单起见，我现在刚刚将 JavaScript 嵌入到页面正文中；我只是在语法上有问题，所以 js 和 html 没有建立连接吗？

谢谢!

Answer 1

在您的实现中，我遇到了这个问题。

$('.navbar-burger').click(function() {
 $('.navbar-menu, .navbar-burger').toggleClass('is-active');
});

此代码片段应添加到您的 jquery onready 函数中

$(function() {

 $('.navbar-burger').click(function() {
     $('.navbar-menu, .navbar-burger').toggleClass('is-active');
    });
});

希望这有帮助。将来在发布问题时添加您的代码片段。