Как скрыть содержимое, когда страница загружается с использованием java-скрипта в odoo 8?
Я хочу скрыть весь контент при загрузке страницы. Он работает на иконке, когда я нажимаю на иконку, он скрывает контент, но мне нужно скрыть контент, когда страница загружена, вот мой код java-скрипта,
$(document.body).ready(function(){
$(window).on('load', function () {
$('.hide_class_name').hide();
})
$('.icon_class_name').on('click', function(event) {
$('.hide_class_name').toggle('hide');
});
});
Может ли кто-нибудь мне помочь Спасибо заранее.
1 ответ
Вы можете добавить класс к body
тег, который будет скрывать его содержание
CSS
.hideBody{
display:none
}
HTML
<body class = "hideBody">
//Rest of Code
</body>
Теперь вы можете использовать document.readyState
проверить, если это complete
государство
JS
if(document.readyState ==='complete'){
document.getElementsByTagName('body').classList.add("hideBody")
}
использование document.onreadystatechange
описывает состояние загрузки документа.
document.onreadystatechange = function () {
if(document.readyState ==='complete'){
document.getElementsByTagName('body').classList.add("hideBody")
}
}