在一個 WordPress 主題上調整瀏覽器窗口大小時，導航欄不起作用，並且在添加 JS 代碼后移動菜單關閉按鈕不起作用

Question

我正在嘗試 WP 主題，但是當我調整瀏覽器窗口大小時，移動菜單不起作用，但在刷新瀏覽器頁面后菜單正在工作的同一個小窗口中。

因為我對編碼不太了解所以如果有人可以看看並幫助我:)

這是該演示主題的鏈接： https : //demo.wptravelengine.com/travel-booking/

有人幫我寫了這段代碼

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

查看您編譯的 js 代碼，我看到它包含在一個條件中，因此除非屏幕小於 1024px，否則點擊不會觸發。 此檢查僅觸發 onload，因此在調整瀏覽器窗口大小時必須刷新（必須加載小於 1024 的窗口）。 您還需要添加一個函數來檢查調整大小：

window.addEventListener('resize', (event) => {
// run same 1024 check to allow click after resizing to avoid having to refresh
});