如何使响应式移动菜单保持活动状态？

Question

我正在尝试在网络上使用此菜单，但是这里有一个问题，那就是如何使菜单保持活动状态？

我希望当用户浏览主页时，菜单栏会像这样：

我找到了一些示例，例如添加类“ .active”，并将其放在<li> ，例如：

<li class="active"><a href="#home">Home</a></li>

但是，它不起作用。

HTML：

<div class="rmm" data-menu-style='graphite'>
    <ul>
        <li><a href='#home'>Home</a></li>
        <li><a href='#about-me'>About me</a></li>
        <li><a href='#gallery'>Gallery</a></li>
        <li><a href='#blog'>Blog</a></li>
        <li><a href='#links'>Links</a></li>
        <li><a href='#sitemap'>Sitemap</a></li>
    </ul>
</div>

这是演示： http : //jsfiddle.net/7jgkzdf7/

昨天，我一直在问这个问题，但是我犯了很多错误，对此我感到抱歉！ 现在，我再次发布。 请帮助我解决此问题！

谢谢！！！

Answer 1

试试这个

JS：

$(".rmm ul li a").on('click', function () {
this.addClass('active');
});

CSS：

.rmm ul li a {
   url('http://responsivemobilemenu.com/demo/rmm-img/graphite-menu-bg-hover.png')
}

但是，这种RMM（响应式移动菜单）不是一个好习惯……尝试使用Bootstrap。 他们具有简单的文档和非常好的移动优先元素。 在这里尝试引导