В настоящее время я работаю над 2 анимациями для магазина woocommerce, и я использую AstraWp в качестве родительской темы. Вот код, который я использую для анимации. Проблема в том, что когда я изменяю размер окна браузера, слушатели событий перестают работать после того, как я нажимаю точку останова. Есть идеи, почему это происходит?? Заранее спасибо!
/**
* LionHead Animation
*/
const lionhead = document.querySelector('#lionhead');
const productMenuBtn = document.querySelector('#product-menu-btn')
let productMenuOpen = false;
productMenuBtn.addEventListener('click', () => {
if (!productMenuOpen){
lionhead.classList.add('p_open');
productMenuOpen = true;
console.info("closed");
}
else{
lionhead.classList.remove('p_open')
productMenuOpen = false;
console.info("open");
}
})
/*Menu Button*/
const menuBtn = document.querySelector('.menu-btn');
console.info(menuBtn);
let menuOpen = false;
menuBtn.addEventListener('click', () => {
if (!menuOpen){
menuBtn.classList.add('open');
menuOpen = true;
console.info(menuOpen);
}else{
menuBtn.classList.remove('open');
menuOpen = false;
console.info(menuOpen);
}
});Не уверен, правильно ли я вас понял, но я думаю, что проблема не в этом, он перестает работать, когда я нажимаю точку останова. даже когда я верну его размер к виду рабочего стола, он все равно не сработает. только если я обновлю страницу, она снова начнет работать. Я проверил, перестает ли javascript работать в целом, но когда я тестирую его с помощью прослушивателя событий, который реагирует на щелчок по окну, похоже, проблем нет.



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


В большинстве тем используются разные пункты меню для разного размера экрана. Проверить, загружает ли ваша тема новый элемент меню в точку останова, для которой она перестает работать?