我在主体上使用 CSS 类来停止在加载文档时运行的转换。一旦窗口加载了 JavaScript(无 jQuery),我如何删除它?
HTML:
<body class="preload">
CSS:
.preload * {
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
}
这将是 jQuery 等价物 *除非我没有使用 jQuery:
$("window").load(function() {
$("body").removeClass("preload");
});
最佳答案
这应该可以解决问题:
window.addEventListener(
'load',
function load()
{
window.removeEventListener('load', load, false);
document.body.classList.remove('preload');
},
false);
使用 addEventListener
意味着它不会干扰可能由其他库等附加的任何其他事件监听器。
一旦事件也被触发,上面的代码将删除事件监听器。
我本以为事件监听器应该在 document
上,但显然 that doesn't work .
关于javascript - 使用 Javascript 在窗口加载后删除 Body 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22744438/