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

【问题标题】：Dropdown parent menu link not working in mobile下拉父菜单链接在移动设备中不起作用
【发布时间】：2015-04-07 07:28:50
【问题描述】：

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

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

【问题讨论】：

标签： javascript jquery wordpress twitter-bootstrap

【解决方案1】：

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

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

或

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

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

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

}

【讨论】：