如何使響應式移動菜單保持活動狀態？

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。 他們具有簡單的文檔和非常好的移動優先元素。 在這里嘗試引導