2016-11-27 33 views
0

我有一个<div>与类fouc围绕我的大多数主要HTML元素。我已将其设置为display: none,并希望在页面完成加载后立即将其删除。但是,这不符合预期。感谢您的帮助。jQuery删除周围的HTML元素不工作的类

CSS:

.fouc { 
    display: none; 
} 

JS:

$(window).on('load', function() { 

    $('body').removeClass('fouc'); 

}); 

回答

1

试试下面的代码片段

$(window).on('load', function() { 

     $('.fouc').show(); 

    }); 

希望它可以帮助

+0

谢谢!非常简单有效的解决方案。没想到这个! –

1

你需要选择你的JS中具有类fouc的元素。在你的情况下,你正在选择$('body')--这意味着你正在告诉浏览器从body中删除fouc类,这实际上并不存在。

可以查找和删除类,就像:

$('body').find('.fouc').removeClass('fouc'); 

但是,这不是一个很好的做法去做。

+0

谢谢你的解释! –

+0

@ LordEwwLel这是我的荣幸! –