在Wordpress中构建Bulma Navmenu-为什么我的Javascript无法切换菜单?

时间:2018-11-30 04:51:57

标签: javascript wordpress bulma

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

我正在尝试仅包含在移动设备上打开/关闭导航菜单所需的基本javascript代码,但是它不起作用(可能是因为我是js新手)。这是网站:

sandbox.radionowhere.net

据我所知:

  • bulma.css加载正常
  • jquery的最新版本可以很好地加载

为了最大程度的简化,我现在将javascript嵌入页面的主体中。我只是在某个地方的语法中有什么问题,所以js和html没有建立连接?

谢谢!

1 个答案:

答案 0 :(得分: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');
    });
});

希望这会有所帮助。以后在发布问题时添加您的代码段。