Javascript 预加载程序：如何在脚本添加加载的类之前设置超时？_Javascript_Html_Indexing_Preloader

Javascript 预加载程序：如何在脚本添加加载的类之前设置超时？

javascript html indexing

Javascript 预加载程序：如何在脚本添加加载的类之前设置超时？,javascript,html,indexing,preloader,Javascript,Html,Indexing,Preloader,我必须问你们，这段代码有什么问题，我为我的网站创建了一个预加载程序，但我在javascript中失败了：  <script type="text/javascript/jquery"> $(document).ready(function() { setTimeout(function() { $('body').addClas

我必须问你们，这段代码有什么问题，我为我的网站创建了一个预加载程序，但我在javascript中失败了：

    <!-- script for preloader -->
    <script type="text/javascript/jquery">
        $(document).ready(function() {
            setTimeout(function() {
                $('body').addClass('loaded')
            }, 1500);
        });
    </script>

    <!-- preloader* -->
    <div id="loader-wrapper">
        <div id="loader"></div>
        <div class="loader-section section-one"></div>
        <div class="loader-section section-two"></div>
    </div>

希望有人能在那里帮助我，并为我糟糕的英语感到抱歉。

更改您的脚本，如下所示，这可能会导致问题

<script type="text/javascript">

$(document).ready(function() {
  setTimeout(function() {
    $('body').addClass('loaded');
  }, 1500);
});

</script>


$（文档）.ready（函数（）{
setTimeout（函数（）{
$（'body'）.addClass（'loaded'）；
}, 1500);
});

更新

添加jquery-min-js如果不加载jquery-js

将此行添加到函数顶部或head标记内部，则会出现此问题

更新1 更新你的头标签如下

<head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <?= $view->render('head') ?>
        <link href="packages/pagekit/theme-hello/css/theme.css" rel="stylesheet">
//add below line 
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
        <?php $view->script('theme', 'theme:js/theme.js') ?>
        <?php $url = $_SERVER['REQUEST_URI']; if($url == "/arn_architekten/bilderbuch"): ?>
            <style type="text/css">
                html {
                    background-color: #000 !important;
                    background-image: none !important;
                }
            </style>
        <? endif ?>
    </head>


//在下面一行添加
html{
背景色：#000！重要；
背景图像：无！重要；
}

有关更多信息，请查找此

希望有帮助。

“因此，一旦标记获得class=“loaded”，预加载程序就会停止。是否要解释此部分？未捕获的引用错误：$此时未定义：

$（document）。ready（function（）{…}

@很高兴为您提供帮助

<head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <?= $view->render('head') ?>
        <link href="packages/pagekit/theme-hello/css/theme.css" rel="stylesheet">
//add below line 
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
        <?php $view->script('theme', 'theme:js/theme.js') ?>
        <?php $url = $_SERVER['REQUEST_URI']; if($url == "/arn_architekten/bilderbuch"): ?>
            <style type="text/css">
                html {
                    background-color: #000 !important;
                    background-image: none !important;
                }
            </style>
        <? endif ?>
    </head>