下拉菜单在移动视图中向上滑动

问题描述

我的移动侧边栏子菜单哪里有问题。在桌面工作子菜单中，该菜单正确，但在移动设备中，它向下滑动并立即再次向上滑动。 这是这个jquery代码的问题，但我不知道到底是什么。

我的代码：

if($(window).width() <= 991){
    var Sidemenu = function() {
        
        this.$menuItem = $('.main-nav a');
    };

    function init() {
        var $this = Sidemenu;
        $('.main-nav a').on('click',function(e) {
            if($(this).parent().hasClass('has-submenu')) {
                e.preventDefault();
            }
            if(!$(this).hasClass('submenu')) {
                $('ul',$(this).parents('ul:first')).slideUp(350);
                $('a',$(this).parents('ul:first')).removeClass('submenu');
                $(this).next('ul').slideDown(350);
                $(this).addClass('submenu');
            } else if($(this).hasClass('submenu')) {
                $(this).removeClass('submenu');
                $(this).next('ul').slideUp(350);
            }
        });
    }

// Sidebar Initiate
init();
}

我的html：

<ul class="main-nav">
  <li><a href="#">Home</a></li> -->
  <li class="has-submenu">
  <a href="#" class="">Categories <i class="fas fa-chevron-down"></i></a>
    <ul class="submenu" style="display: none;">
      <li><a href="#">Hair Removal</a></li>
      <li><a href="#">Counselling &amp; Holistic</a></li>
      <li><a href="#">Face</a></li>
      <li><a href="#">Body</a></li>
      <li><a href="#">Hair</a></li>
    </ul>
  </li>
</ul>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）