jQuery刪除周圍的HTML元素不工作的類

Question

我有一個<div>與類fouc圍繞我的大多數主要HTML元素。我已將其設置爲display: none，並希望在頁面完成加載後立即將其刪除。但是，這不符合預期。感謝您的幫助。

CSS：

.fouc { 
    display: none; 
} 

JS：

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

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

}); 

Answer 1

試試下面的代碼片段

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

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

    }); 

希望它可以幫助

Answer 2

你需要選擇你的JS中具有類fouc的元素。在你的情況下，你正在選擇$('body')--這意味着你正在告訴瀏覽器從body中刪除fouc類，這實際上並不存在。

可以查找和刪除類，就像：

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

但是，這不是一個很好的做法去做。