如何保持响应式移动菜单有效？

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。他们有简单的文档和非常好的移动第一元素。 在这里试试Bootstrap