jQuery 在 WordPress Divi 主题移动视图上不起作用

Question

大家好！

我使用优雅主题的 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-categories。

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

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

即使 console.log 也无法在移动视图上运行。我想在每次点击 Vehicle 时使用 console.log("test") 来测试 jQuery。

有人可以帮助我吗？谢谢

Answer 1

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

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

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