我有一个<div>
与类fouc
围绕我的大多数主要HTML元素。我已将其设置为display: none
,并希望在页面完成加载后立即将其删除。但是,这不符合预期。感谢您的帮助。jQuery删除周围的HTML元素不工作的类
CSS:
.fouc {
display: none;
}
JS:
$(window).on('load', function() {
$('body').removeClass('fouc');
});
我有一个<div>
与类fouc
围绕我的大多数主要HTML元素。我已将其设置为display: none
,并希望在页面完成加载后立即将其删除。但是,这不符合预期。感谢您的帮助。jQuery删除周围的HTML元素不工作的类
CSS:
.fouc {
display: none;
}
JS:
$(window).on('load', function() {
$('body').removeClass('fouc');
});
试试下面的代码片段
$(window).on('load', function() {
$('.fouc').show();
});
希望它可以帮助
你需要选择你的JS中具有类fouc
的元素。在你的情况下,你正在选择$('body')
--这意味着你正在告诉浏览器从body
中删除fouc
类,这实际上并不存在。
可以查找和删除类,就像:
$('body').find('.fouc').removeClass('fouc');
但是,这不是一个很好的做法去做。
谢谢你的解释! –
@ LordEwwLel这是我的荣幸! –
谢谢!非常简单有效的解决方案。没想到这个! –