WordPress主题导航栏在调整浏览器屏幕大小时停止工作

Question

我正在尝试WP主题，但是当我调整浏览器窗口大小的大小时，移动菜单不起作用，但是在刷新浏览器页面后，在相同的小窗口中，菜单正在起作用。

因为我对编码不太了解，所以如果有人可以看看并为我提供帮助：）

这里是该演示主题的链接：https://demo.wptravelengine.com/travel-booking/

有人帮助我编写了此代码。

window.addEventListener('resize', (event) => {

   jQuery(document).ready(function( $ ){
     jQuery("#toggle-button").click(function() {
       jQuery(".site-header .right").css("right","0");
})
jQuery(".btn-close-menu").click(function() {
    jQuery(".site-header .right").css("right","-540px");
}) })
});

但是当我使用此代码时，在调整Web浏览器屏幕的大小后打开它时，它没有显示关闭图标按钮和搜索表单持有者。

请参见此处的图片：https://drive.google.com/file/d/1Il3UT1Wehcg0nAyCfW2smVSbdpCwPS0b/view?usp=sharing

Answer 1

如果上面的代码有效，我添加了一些想法。会的。

window.addEventListener('resize', (event) => {

   jQuery(document).ready(function( $ ){
     jQuery("#toggle-button").click(function() {

       jQuery(".site-header .right").addClass("open");
    })
    jQuery(".btn-close-menu").click(function() {
        jQuery(".site-header .right").removeClass("open");
    }) })
});