載入頁面時Javascript旋轉圓圈動畫不會停止

Question

因此，我已經坐了幾個小時，但似乎無法弄清楚為什么我的代碼不起作用。

我正在嘗試在頁面加載時制作“旋轉圓”（或類似圖形）的動畫。 到目前為止，我基本上可以做到這一點，但是我的問題是它不會停止運行，因此頁面的其余部分不會加載。

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>

的CSS

.no - js# loader {
    display: none;
}

.js# loader {
    display: block;
    position: absolute;
    left: 100 px;
    top: 0;
}

.se - pre - con {
    position: fixed;
    left: 0 px;
    top: 0 px;
    width: 100 %;
    height: 100 %;
    z - index: 9999;
    background: url(images / loader - 64 x / Preloader_2.gif) center no - repeat# fff;
}

注意：我使用了本教程： https : //smallenvelop.com/display-loading-icon-page-loads-completely/

其他說明：我正在為ASP.NET MVC應用程序編寫此代碼

Answer 1

好的，所以這是一個非常簡單的修復。 基本上，我只是在渲染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>

我要做的就是在jQuery渲染器之后調用Javascript文件。

確實很簡單的解決方案，但仍希望它能幫助某個人。

載入頁面時Javascript旋轉圓圈動畫不會停止

問題描述

1 個解決方案

解決方案1
0 已采納 2018-06-07 12:18:45

載入頁面時Javascript旋轉圓圈動畫不會停止

問題描述

1 個解決方案

解決方案1 0 已采納 2018-06-07 12:18:45

解決方案1
0 已采納 2018-06-07 12:18:45