使用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時緩慢加載速度

回答

相關問題