Jquery添加类并保持页面重新加载时 [英] Jquery add class and keep when page reload

问题描述

我有一个简单的导航菜单。首页链接有一个下拉活动类。我需要这样做：
当用户按例如文章链接时，jquery必须从主页移除下拉活动类并将此类设置为选定链接。我知道我可以使用removeClass和addClass，但是当页面重新加载时，我需要保持选定的链接类。我听说有关饼干和本地存储设置课程，但我不知道如何。有人能帮我吗？

I have a simple navigation menu. Home link has a dropdown active class. I need to do this: When user press for example Article link, jquery has to remove dropdown active class from Home and set this class to selected link. I know that I can use removeClass and addClass , but I need to keep selected link class when page is reload. I heard about cookies and localstorage to set class, but I don't know how. Can someone help me?

   <ul>
    <li class="dropdown active"><a>Home</a></li>
    <li class="dropdown"><a>Articles</a></li>
    <li class="dropdown"><a>About</a></li>
   </ul>

推荐答案

：

$(document).ready(function(){
        if($(".dropdown  a").attr("href")==window.location.href){
            $(".dropdown").attr("class","dropdown active");
        }
       else{
          $(".dropdown").attr("class","dropdown");
         }
    });

这篇关于Jquery添加类并保持页面重新加载时的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！