网站的 JavaScript 预加载器，它不工作的 IE，

Posted 2023-03-06

【中文标题】网站的 JavaScript 预加载器，它不工作的 IE，

【英文标题】：JavaScript preloader for Website, its not working IE,

【发布时间】：2020-08-30 13:10:46

【问题描述】：

我已经为我们的网站创建了一个 javascript 预加载器，但它无法在 IE 上运行，如果有人知道，请告诉我如何解决这个问题。

<div class="preloader-wrapper">
    <div class="preloader">
        <img src="images/Preloader.gif"  >
    </div>
</div> 


//javaScript
$(document).ready(function($) 
    var Body = $('body');
    Body.addClass('preloader-site');
    );
$(window).load(function() 
    $('.preloader-wrapper').fadeOut();
    $('body').removeClass('preloader-site');
);

【问题讨论】：

什么不起作用？什么都没出现？班级没有变化吗？控制台出错？

不，一切都很好，但它仍然不能仅在 IE 中工作

我用你的代码测试过，在IE和其他浏览器中的结果是一样的。图片将在浏览器中淡出。不工作是什么意思？如果没有javascript，gif可以在IE中正常显示吗？我无法重现您上述代码的问题。请检查问题是否与其他代码有关，请提供a reproducibe sample。

是的，现在它的工作，在我的代码中我有一些错误

太棒了！您也可以将您的解决方案作为答案并将其标记为已接受的答案。它可以在未来帮助其他社区成员解决类似的问题。感谢您的理解。

【参考方案1】：

为图片添加结束标签。

<img ... />

【参考方案2】：

我在我的代码中进行了这些更改，现在它适用于所有浏览器。

$(document).ready(function($) 
var Body = $('body');
Body.addClass('preloader-site');
);
function preloadeSite()

$('.preloader-wrapper').fadeOut();
$('body').removeClass('preloader-site');


window.addEventListener('load', preloadeSite);