当添加spin(spin.js）时，网页将失去功能

when added spin (spin.js) - web page lose functionality

本文关键字：spin 网页 失去 功能 添加 js      更新时间：2023-09-26

请，我需要有关旋转函数（使用spin.min.js脚本）的帮助

当我把它添加到我的网页时，问题出现了，网页日志功能-我不能点击任何链接，也不能用鼠标标记任何东西。我不知道出了什么问题，请帮帮我。

正文标记中的脚本

<script src="js/vendor/spin.min.js"></script>

HTML

<div class="loading loading-out">
    <div id="spin">
    </div>
</div>

CSS

.loading{
background: #F7F7F7;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 500;

.loading-out{
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;

#spin{
margin: 0px auto;
position: absolute;
left: 50%;
top: 50%;

JQUERY

$(function()
    $(window).load(function() {
        // Fadeout loading
        $('.loading').addClass('loading-out');
        // Hide loading
        setTimeout(function() {
            $('.loading').hide();
        }, 800);
    });
  1. 您的CSS定义必须包含在{}中。现在只有{没有关闭}
  2. 您的jQuery匿名函数缺少{}。将$(function() /* window load */更改为$(function() {/* window load */})

检查开发工具控制台以查看是否存在任何错误。也可能是因为你的JS占用了大量内存，当你试图与之交互时，浏览器仍在执行JS。
检查是否在使用$的任何脚本之前加载了jQuery。

相关文章：