下拉母菜单链接不工作在移动

Question

我工作在WordPress的引导。 wp menu dropdown parent link not working in mobile。wp menu dropdown parent link not working in mobile。

这里是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> 

好心建议我任何解决方案尽快。

Answer 1

你不能悬停在触摸设备上，可以尝试添加焦点，甚至是点击功能而不是悬停？

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

或

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

或者使用CSS回落。如果你对它进行转换，它可以给你相同的幻灯片效果。

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

}