jQuery在移動設備上根本無法顯示/隱藏

Question

這是我網站的鏈接。 網站我已經在網站中看到了對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();之前event.preventDefault();

Answer 2

嘗試添加return false; 在event.preventDefault();

Answer 3

我相信您必須使用一些插件才能使其在移動設備上運行。 您可以嘗試Hammer.js來實現。 該插件提供許多觸摸事件。

http://hammerjs.github.io/

Answer 4

如果有人像我一樣為之苦惱， 可以成為瀏覽器緩存 。 嘗試清潔它（或在隱身窗口中測試）。

如果您正在開發該頁面並同時在設備上進行測試，則可能是這種情況。 由於某種原因，似乎移動瀏覽器不會在每次刷新時下載javascript文件。

希望能有所幫助。