jquery mmenu 如何动态隐藏导航栏

Question

当用户单击 <li> 中的 <a> 时，我希望脚本隐藏 navbars。怎么做？

navbars: [
  {
    position: 'top',
    content: ['<div>.........</div>']
  },
  {
    position: 'bottom',
    content: ['<div>.........</div>']
  }
]

.on('click', 'a[href^="#"]', function (e) {
  //do  some thing here 
});

Answer 1

只需将 display:none; 设置为导航栏 class，例如，如果您的导航栏容器 class 是 .navbar，则语句如下所示，

                          $(".navbar").css("display", "none");

如上所述，将其放入您的函数中，您就完成了。完整的代码将是，

 .on('click',
                    'a[href^="#"]',
                    function (e) {
                        $(".navbar").css("display", "none");
                    }
                );

有关 css 方法的更多信息，请访问 - jQuery css() Method

Answer 2

关闭，但这会起作用，

$(".navbar").css("display", "none");

jquery mmenu 如何动态隐藏导航栏

jquery mmenu how to hide the navbars dynamically

jquery

mmenu