Как добавить в класс меню «активный» после загрузки страницы?

Question

$(document).ready(function(){ 
    $('.menu').click(function(){ 
    $('.menu').removeClass("active"); 
    $(this).addClass("active"); 
    }); 
}); //end ready 

Это мой код, и я хочу добавить класс после загрузки страницы.

Answer 1

Это зависит от использования.

$(document).ready() будет работать только после того, как страница Document Object Model (DOM) готова для выполнения кода JavaScript.

$(document).ready(function() { 
    $('.menu').addClass('active'); 
}); 

$(window).load() будет выполняться, когда страница полностью загружена, включая графику.

$(window).load(function() { 
    $('.menu').addClass('active'); 
}); 

Ссылка: Jquery Learning Center

Answer 2

У меня есть созданная скрипка, который присвоит активный класс тега привязки первого Ли. Ниже приведен код:

<div class="navigation"> 
    <div id="smoothmenu1" class="ddsmoothmenu"> 
     <ul> 
      <li><a href="index.php" class="menu">მთავარი</a> 
      </li> 
      <li><a href="about.php" class="menu">ფონდის შესახებ</a> 
      </li> 
      <li><a href="blog.php" class="menu">პროექტები</a> 
      </li> 
      <li><a href="gallery.php" class="menu">გალერეა</a> 
      </li> 
      <li><a href="contact.php" class="menu">კონტაქტი</a> 
      </li> 
     </ul> 
     <div class="clear"></div> 
    </div> 
</div> 


     $(document).ready(function() { 
      $('.menu').click(function() { 
       $('.menu').removeClass("active"); 
       $(this).addClass("active"); 
      }); 
      $('#smoothmenu1 ul > li:first-child a').addClass('active'); 
    }); 

Вот это jsfiddle ссылка:

https://jsfiddle.net/shrawanlakhe/xudvunpx/

Answer 3

Просто добавьте ниже CSS

уль Ли в {цвет: черный;} ул li.active {color: red}