jquery mmenu如何动态隐藏导航栏

Question

当用户点击<a>中的<li>时，我希望脚本隐藏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;设置为navbars类，例如，如果您的导航栏容器类是.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");