在iPad,iPhone等上使用jQuery superfish菜单/悬停

@media (hover: none) and (pointer: coarse) {
  .sf-menu {
    display: block;
  }
  .sf-menu li {
    position: relative;
  }
  .sf-menu ul {
    display: none;
  }
}

if ('ontouchstart' in window) {
  // 触摸屏设备
  $('.sf-menu').superfish('disable');
} else {
  // 非触摸屏设备
  $('.sf-menu').superfish();
}

$('.sf-menu > li').on('touchstart', function() {
  $(this).siblings().removeClass('sfHover');
  $(this).addClass('sfHover');
}).on('touchend', function() {
  setTimeout(function() {
    $('.sf-menu > li').removeClass('sfHover');
  }, 100);
});