如何在文档开始加载时添加类,并在文档加载完成后删除类

时间:2017-10-22 05:01:05

标签: javascript jquery onload

我想删除课程"有效"当我加载所有组件时,我会编写以下内容。我编写了以下jquery代码片段,它在Chrome中完美运行,但在Firefox中," active"加载所有组件后,removeClass函数不会删除class。

$(document).ready(function($){


      $("body").addClass("active");


});


 $(window).on('load', function () {

      $("body").removeClass("active");

 });

1 个答案:

答案 0 :(得分:0)

还有其他可能导致问题的原因吗??

我在Chrome和Firefox中尝试了这个并且它工作正常.... doc首先加载...也许尝试运行下面的代码,看看你的firefox上是否有同样的东西......?

但它可能是FF版本,也可能是jQuery版本。

我有FF 56.0(32位)它正在更新我们说:-P 和jQuery 2.2.4

    <!doctype html>
    <html>
    <head>
        <title>Quick Loading test</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    </head>
    <body>
        <h1>testing</h1>

        <img src="http://www.guoguiyan.com/data/out/113/69175307-large-wallpapers.jpeg">

        <script>


        $(window).on('load', function() {
            $('body').removeClass('active');
            console.log('window load');
        });


        $(document).ready(function($) {
            $('body').addClass('active');
            console.log('doc ready');
        });

        </script>
    </body>
    </html>

我找到了关于此的链接......

https://github.com/jquery/jquery/issues/3194

所以也许试试

    $(window).on('load', function() {
        $('body').removeClass('active');
        console.log('window load');
    });


    $(function() {
        $('body').addClass('active');
        console.log('doc ready');
    });