下拉母菜單鏈接不工作在移動

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; 

}