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

【问题标题】：JavaScript preloader for Website, its not working IE,网站的 JavaScript 预加载器，它不工作的 IE，
【发布时间】：2020-08-30 13:10:46
【问题描述】：

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

<div class="preloader-wrapper">
    <div class="preloader">
        <img src="images/Preloader.gif" alt="" >
    </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。
是的，现在它的工作，在我的代码中我有一些错误
太棒了！您也可以将您的解决方案作为答案并将其标记为已接受的答案。它可以在未来帮助其他社区成员解决类似的问题。感谢您的理解。

标签： javascript html css internet-explorer

【解决方案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);

【讨论】：