加载页面时Javascript旋转圆圈动画不会停止_Javascript_Html_Css_Asp.net

加载页面时Javascript旋转圆圈动画不会停止

javascript html css asp.net

加载页面时Javascript旋转圆圈动画不会停止,javascript,html,css,asp.net,Javascript,Html,Css,Asp.net,所以我已经在这上面坐了几个小时了，但似乎不明白为什么我的代码不起作用我正在尝试在页面加载时制作一个“旋转圆”（或simular）的动画。到目前为止，我基本上做到了这一点，但我的问题是它不会停止，所以我的页面的其余部分不会加载 Javascript: // Wait for window load $(window).load(function() { // Animate loader off screen $(".se-pre-con").fadeOut("slow");;

所以我已经在这上面坐了几个小时了，但似乎不明白为什么我的代码不起作用

我正在尝试在页面加载时制作一个“旋转圆”（或simular）的动画。到目前为止，我基本上做到了这一点，但我的问题是它不会停止，所以我的页面的其余部分不会加载

Javascript:

// Wait for window load
$(window).load(function() {
    // Animate loader off screen
    $(".se-pre-con").fadeOut("slow");;
});

HTML: 基本上只是一个div和一个类

<div class="se-pre-con"></div>

注意：我使用了本教程：

其他注意事项：我是为ASP.NET MVC应用程序编写的，所以这是一个非常简单的修复程序。基本上，我只是在呈现jQuery之前调用了脚本。我的标题以前是这样的：

    <head>
        <script type="text/javascript" src="~/Scripts/LoadSpinner.js">
</script>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
        <title>@ViewBag.Title - DeviceManagment</title>
        @Scripts.Render("~/bundles/jquery")
        @Scripts.Render("~/bundles/jqueryui")
</script>
    </head>


@ViewBag.Title-设备管理
@Scripts.Render（“~/bundles/jquery”）
@Scripts.Render（“~/bundles/jqueryui”）

我所要做的就是在jQuery呈现之后调用Javascript文件

非常简单的解决方案，但仍希望它能帮助其他人。

您是否查看了控制台日志？你的控制台日志里有什么？哇，我真蠢，忘了吧。它给出了参考错误

$未定义

。也许是真的很蠢，因为我知道出了什么问题，没关系。享受编码！哈哈，谢谢，我会的，

$没有定义

你必须包括jQuery:）

    <head>
        <script type="text/javascript" src="~/Scripts/LoadSpinner.js">
</script>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
        <title>@ViewBag.Title - DeviceManagment</title>
        @Scripts.Render("~/bundles/jquery")
        @Scripts.Render("~/bundles/jqueryui")
</script>
    </head>