布局中 mvc 中的预加载器在其他页面中不起作用答案

【问题标题】：pre loader in mvc in layout does not work in other pages布局中 mvc 中的预加载器在其他页面中不起作用
【发布时间】：2016-10-24 05:42:09
【问题描述】：

我（MVC中的新手）在layout page中添加了一个preloader和jquery，应该在MVC中的每个page load上加载。

问题是它只在login 页面上触发，但在后续页面上不触发。有没有办法让它generic？

......................
<script type="text/javascript">
    $(window).load(function () {
        // Animate loader off screen
        $(".se-pre-con").fadeOut("slow");;
    });
</script>
<style type="text/css">
    .no-js #loader
    {
        display: none;
    }

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

    .se-pre-con
    {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: url(images/Preloader_3.gif) center no-repeat #fff;
    }
</style>
</head>

<body>
    <div id="wrapper">
        @Html.Action("Navbar", "Navbar", new { controller = ViewContext.RouteData.Values["Controller"].ToString(), action = ViewContext.RouteData.Values["Action"].ToString() })

 <div id="page-wrapper">  
    <div id="main">
        <div class="ptcontainer">
<div id="loader" class="se-pre-con"></div>
            @RenderBody()

        </div>
        <div id="footer">
        </div>
    </div>
</div>
</div>

提前致谢！

【问题讨论】：

标签： javascript jquery razor model-view-controller

【解决方案1】：

您的代码是正确的，但您需要对背景网址图像进行斜线处理

background: url(/images/Preloader_3.gif) center no-repeat #fff;

【讨论】：