Question

这是我网站的链接。 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（）;在重新加载页面时工作不正常。

Answer 1

在event.stopImmediatePropagation();

之前添加event.preventDefault();

Answer 2

尝试在return false;

之后添加event.preventDefault();

Answer 3

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

http://hammerjs.github.io/

Answer 4

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

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

希望有帮助。

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

4 个答案: