Question

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

这是我的代码，我希望在页面加载后添加类。

Answer 1

这取决于使用情况。

$(document).ready()只有在页面文档对象模型（DOM）准备好执行JavaScript代码后才会运行。

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

当页面完全加载包括图形时，

$(window).load()将执行。

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

参考：Jquery Learning Center

Answer 2

我有一个创建的小提琴，它将活动类分配给第一个li的锚标签。以下是代码：

<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

即可

ul li a {color：black;}

ul li a.active {color：red}

如何添加菜单类＆＃34;活跃＆＃34;页面加载后？

3 个答案: