Javascript 下拉式父菜单链接在移动设备中不起作用

我正在用bootstrap开发wordpress。wp菜单下拉列表父链接在移动设备中不工作

以下是js：-

<script>
 jQuery(function($) {

   $('.navbar .dropdown').hover(function() {
       $(this).find('.dropdown-menu').first().stop(true, true).delay(250).slideDown();
     },function() {
       $(this).find('.dropdown-menu').first().stop(true, true).delay(100).slideUp();
   });

   $('.navbar .dropdown > a').click(function(){
       location.href = this.href;
   });

 });
</script>

---

请尽快告诉我任何解决方案。

您不能在触摸设备上悬停，可以尝试添加焦点，或者甚至可以使用单击功能来代替悬停吗

$('.navbar .dropdown').focus(function() {}

或

或者使用css回退。如果你在上面加上一个过渡，它可以给你同样的幻灯片效果

.dropdown:hover .dropdown-menu, .dropdown:focus .dropdown-menu, .dropdown:active .dropdown-menu{
      display block;

}

.dropdown:hover .dropdown-menu, .dropdown:focus .dropdown-menu, .dropdown:active .dropdown-menu{
      display block;

}