使用window.onload时缓慢加载速度

我使用此脚本来隐藏div的ID为#main-slider。使用window.onload时缓慢加载速度

但每次我加载我的网页，我可以看到1或2秒的div，然后它消失，有什么办法让它更快生效？

谢谢。

window.onload = function() { 
    if($(window).width() > 991) 
    { 
     $('#main-slider').removeClass('hidden'); 
    } 
    else 
    { 
     $('#main-slider').addClass('hidden'); 
    } 
}

来源

2017-06-02 Uchiwayas

你可以使用'DOMContentLoaded'事件 –

使用document.onload相反，它是较早被解雇。参考：https://stackoverflow.com/a/588048/4108884

来源

2017-06-02 09:13:39

叶氏，[这是一个例子（http://web.archive.org/web/20150405114023/http://ie.microsoft.com /testdrive/HTML5/DOMContentLoaded/Default.html） –

window.onload等待每个元素被正确加载。您可以使用document.onload或者您可以使用事件DOMContentLoaded：

document.addEventListener("DOMContentLoaded", function(event) { 
    // do something 
});

来源

2017-06-02 09:16:31 StuntHacks

“隐藏”的类添加到HTML页面中的“主滑块” HTML元素。所以这个类首先被添加，以便主滑块元素被隐藏，然后根据条件它变得可见或不可见。现在用你的支票，它应该工作

来源

2017-06-02 09:17:07 Haroon

也许你应该使用css @media。尝试：

@media (min-width: 991px) { 
    #my-element { 
     display: none; 
    } 
}

来源

2017-06-02 09:17:46

在我的情况下它会是最大宽度：991px，它也可以，谢谢 – Uchiwayas

使用window.onload时缓慢加载速度

回答

相关问题