jquery - 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。

有人可以帮我吗？谢谢

标签： jquerywordpressdivi-theme

Answer 1

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

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

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