Javascript addeventlistener在调整窗口大小后单击“不工作”

我目前正在为一家woocommerce商店制作2个动画，我正在使用AstraWp作为父主题。下面是我用于动画的代码。问题是，当我调整浏览器窗口的大小时，eventlisteners似乎在我遇到断点后停止工作。你知道为什么会这样吗？？提前谢谢

/**
*狮子头动画
*/
const lionhead=document.querySelector（“#lionhead”）；
const productMenuBtn=document.querySelector（“#产品菜单btn”）
让productMenuOpen=false；
productMenuBtn.addEventListener（'单击'，（）=>{
如果（！productMenuOpen）{
lionhead.classList.add（'p_open'）；
productMenuOpen=true；
控制台日志（“关闭”）；
}
否则{
lionhead.classList.remove（'p_open'）
productMenuOpen=false；
控制台日志（“打开”）；
}
})
/*菜单按钮*/
const menuBtn=document.querySelector（'.menu btn'）；
console.log（menuBtn）；
设menuOpen=false；
menuBtn.addEventListener（'单击'，（）=>{
如果（！menuOpen）{
menuBtn.classList.add（'open'）；
menuOpen=true；
console.log（menuOpen）；
}否则{
menuBtn.classList.remove（'open'）；
MENOOPEN=假；
console.log（menuOpen）；
}
});对于不同的屏幕大小，大多数主题使用不同的菜单项。检查主题是否在其停止工作的断点上加载了新的菜单元素？不确定我是否理解正确，但我认为这不是问题所在，当我遇到断点时，它停止工作。即使我将其重新调整为桌面视图，它仍然无法工作。只有当我刷新页面时，它才会重新开始工作。我检查了javascript是否总体上停止工作，但是当我使用一个eventlistener测试它时，它会对点击窗口做出反应，似乎没有问题。