javascript - 调整窗口大小后添加事件监听器单击不起作用

Question

我目前正在为一家 woocommerce 商店制作 2 个动画，并且我使用 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.log("closed");
    }
    else{
        lionhead.classList.remove('p_open')
        productMenuOpen = false;
        console.log("open");
    }

})


/*Menu Button*/

const menuBtn = document.querySelector('.menu-btn');
console.log(menuBtn);
let menuOpen = false;
menuBtn.addEventListener('click', () => {
    if(!menuOpen){
        menuBtn.classList.add('open');
        menuOpen = true;
        console.log(menuOpen);

    }else{
        menuBtn.classList.remove('open');
        menuOpen = false;
        console.log(menuOpen);

    }
});