Question

我正在使用＆＃34; beforeunload＆＃34;在Jquery中的事件，用于在页面卸载时显示加载图标。

$(window).on('beforeunload', function (event) {

        $('body').html('<div class="modal" style="display:block;background-color:green !important;" id="spinning1"><div class="center"> <img alt="Loading..." src="~/images/AjaxLoader.gif" /> </div> </div>');
    });

当我使用＆＃39;〜/ images / AjaxLoader.gif＆＃39;时，特定图像未加载。或＆＃39; ../ images / AjaxLoader.gif＆＃39;或＆＃39; images / AjaxLoader.gif＆＃39;即使图像在正确的位置可用。

请帮我解决这个问题。

Answer 1

您可以使用此示例在页面加载时加载图像。

<强> HTML

<div class="loader"></div>

<强> CSS

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('images/pageLoader.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}

<强>脚本

$(window).load(function() {
    $(".loader").fadeOut("slow");
});

请参阅working example或您可以download示例代码。我找到了here

图像未加载＆＃34; beforeunload＆＃34;在jquery中的事件

1 个答案: