jQuery slideUp не работает на мобильных устройствах

Question

У меня есть сайт Wordpress, работающий на тему Flatsome, где есть некоторые страницы с боковыми панелями, созданные с помощью Custom Sidebar plugin, которые не отображаются на панели управления. Я пытаюсь исправить это глюк, используя JQuery код ниже

<script> 
jQuery(document).ready(function() { 

    jQuery(".widget_nav_menu .menu-item-has-children").hover(
     function() { 
      jQuery('ul.sub-menu', this).slideDown('medium'); 
     }, 

     function() { 
       jQuery('ul.sub-menu', this).slideUp('medium'); 
     } 
    ); 

}); 
</script> 

, который отлично работает на любом браузере компьютера, но не на мобильных устройствах (iPhone и IPad), и я понятия не имею, что может привести к что.

Answer 1

Вы не можете hover на мобильном телефоне.

jQuery(".widget_nav_menu .menu-item-has-children").hover(// change 

Триггер выше по-разному на мобильных устройствах, таких как использование double tap.hold

..or mousedown/mouse leave.

---

образец мобильной среды изменение: (непроверенные, но hopeflly вы получите идею, это не .slideDown, что не удается, это .hover)

jQuery(document).ready(function() { 

    jQuery(".widget_nav_menu .menu-item-has-children").mouseout(function(){ 
     function() { 
      jQuery('ul.sub-menu', this).slideDown('medium'); 
     }, 

     function() { 
       jQuery('ul.sub-menu', this).slideUp('medium'); 
     } 
    ); 

}); 

Ваша вторая часть вопроса может быть - - как поддерживать .hover триггер на рабочий стол и запускать мобильный, так как я предлагаю только мобильный.