javascript - 如何保持响应式移动菜单处于事件状态？

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