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)'});
    }
    });
});

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

任何帮助将不胜感激!

Answer 1

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

这是一支快速笔，其背景更改按预期工作: http://codepen.io/ComputerWolf/pen/KpEKMW

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