Jquery显示/隐藏根本不在移动设备上工作

Posted 2021-05-06

这是我网站的链接。 Website我已经在LOCATIONS菜单中为隐藏和显示菜单项应用了jquery，你可以在网站上看到。它根本不适用于移动设备。默认情况下，使用CSS隐藏列表项。我认为event.preventDefault（）;在重新加载页面时工作不正常。这是我的

JS：

$("li.parent.dropdown-submenu.mega-group > a").on('click', function(event) {
    event.preventDefault();
    $(this).toggleClass('active');
    $('.dropdown-mega.level2').hide();
    if($(this).hasClass('active'))
        $(this).closest('.parent').find('.dropdown-mega.level2').show();
});

我认为event.preventDefault（）;在重新加载页面时工作不正常。

答案

在event.stopImmediatePropagation();之前加上event.preventDefault();

另一答案

尝试在return false;之后添加event.preventDefault();

另一答案

我相信你必须使用一些插件才能使它在移动设备上运行。你可以尝试hammer.js来实现这一目标。此插件提供了许多触摸事件。

http://hammerjs.github.io/

另一答案

如果有人像我一样挣扎，可以是浏览器缓存。尝试清理它（或在隐身窗口中测试）。

如果您正在开发该页面并同时在设备上进行测试，则可能出现这种情况。出于某种原因，似乎移动浏览器不会为每次刷新下载javascript文件。

希望有所帮助。