Wordpress 可以讀取 javascript 文件但不執行使用的特定功能

Question

我有一個名為 clients.rebiz.com/wise 的網站

產品菜單附有一個下拉菜單。 問題是，當在移動設備上查看站點時，產品旁邊會附加一個箭頭，只有單擊箭頭才能訪問下拉列表。 現在，移動設備上的許多用戶肯定會先單擊產品選項卡，然后再單擊箭頭。 產品菜單鏈接到“#”，並且單擊事件附加到箭頭。

我正在使用子主題，並在主題中附加了以下 javascript 並通過 function.php 入隊

    jQuery("#menu-main-navigation-new-1 .products-list >a").toggle(
     function(e){
     e.preventDefault();
     jQuery(".sub-menu").slideToggle(); 
     jQuery('i.lastudioicon-down-arrow').addClass('lastudioicon-up-arrow active').removeClass('lastudioicon-down-arrow');
},
     function(e){
     e.preventDefault();
     jQuery(".sub-menu").slideToggle();
     jQuery('i.lastudioicon-up-arrow').addClass('lastudioicon-down-arrow').removeClass('lastudioicon-up-arrow active');  
 });

我已經在開發人員控制台中測試了這個代碼片段，它按預期工作。 問題是它在附加到 wordpress 時不起作用。 我在代碼中測試了不同的警報和提示，表明 wordpress 實際上可以讀取這個文件。 控制台中也沒有顯示沖突錯誤。

我查看了由於聯系表格 7 可能發生的類似問題，但測試表明沒有此類錯誤。

長話短說，javascript 代碼段有效，但在與 wordpress 附加時不起作用，盡管 wordpress 已確認訪問 javascript 文件。

Answer 1

這是通過添加 setTimeout(function(){ * the js code *},time) 解決的