Question

我正在使用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>

请尽快向我提出任何解决方案。

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;

}

下拉父菜单链接无法在移动设备中使用

1 个答案: