jQuery无法在WordPress Divi主题移动视图上运行

大家好

我用优雅主题的Divi主题构建了一个WordPress网站。一切都进行得很顺利，直到我开始使用移动视图。我的菜单项之一“Vehicle”具有一类“btn Vehicle”。现在在桌面视图中，用户每次单击菜单项Vehicle时，都会使用.slideToggle（）显示一个ID为“#Vehicle categories”的隐藏部分

这是我的剧本：

jQuery(".btn-vehicle").click(function(e){
  jQuery("#ourdealerships").hide();
e.preventDefault();
jQuery("#vehicle-categories").slideToggle();
jQuery(".btn-vehicle").toggleClass("opened closed");
});

该代码在桌面视图上运行良好。但是如果我将浏览器的屏幕大小调整为移动视图，如果我点击汉堡，菜单就会显示出来，如果我点击车辆，菜单就会关闭，而不会显示#车辆类别

这是桌面视图。如果单击菜单中的Vehicle（车辆），此部分将显示在下面。

这是移动视图。如果单击Vehicle，整个菜单将隐藏，之后不会发生任何事情。

甚至console.log也无法在mobile view上运行。我想在每次单击车辆时使用console.log（“test”）来测试jQuery

---

有人能帮我吗？谢谢

这似乎可以通过延迟调用声明jquery单击操作的函数来解决

$(window).load(function () {
    setTimeout(function () {
       setupActions();
    }, 700);
});

function setupActions() {
    //do your actions here
}