javascript - 打开/关闭时在 slicknav 中更改背景

Question

我正在尝试更改 Slicknav 菜单打开和关闭时的背景。

我使用此代码，但它对我不起作用。

$(function(){
  var $bg;
    $('#menu-home').slicknav({
    duplicate: false,
    label: '',
    init: function(){
         $bg = $(".slicknav_menu");
    },
    open: function(){
         $bg.css({'background': '#222 !important'});
    },
    close: function(){
         $bg.css({'background': 'rgba(0, 0, 0, 0)'});
    }
    });
});

我尝试过使用 basic if this then that，但我觉得我只是搞砸了这段非常简单的 javascript。

如有任何帮助，我们将不胜感激!

Answer 1

不确定您是否使用最新版本的 SlickNav，但从 v1.0.3 开始，正确的回调是 beforeOpen、afterOpen、beforeClose 和 afterClose。

这是一个快速的笔，背景变化按预期工作: http://codepen.io/ComputerWolf/pen/KpEKMW

请注意，当打开和关闭菜单以及每个子菜单时会触发这些事件。如果您只想在打开或关闭整个菜单时更改背景，则可以使用 trigger 检查触发回调的内容。