添加spin (spin.js)后，网页将失去功能

Question

我需要关于旋转函数的帮助(使用spin.min.js脚本)

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

BODY标记中的脚本

<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);
    });

Answer 1

1. 您的CSS定义必须包含在{}中。现在只有没有关闭}
2. Your的{，jQuery匿名函数缺少{}。将$(function() /* window load */更改为$(function() {/* window load */}).

检查dev tools console，查看是否有错误。也可能是你的JS占用了大量的内存，而浏览器在你试图与JS交互的时候仍然在执行JS。

检查是否在使用$的任何脚本之前加载了jQuery。