Jquery 在移动版本中，引导会自动下降

我正在开发一个基于Bootstrap3的站点，我使用这个js代码使下拉列表在悬停时自动折叠

//Make Menues Drop Automaticaly
$('.navbar .dropdown').hover(function() {
  $(this).find('.dropdown-menu').first().stop(true, true).delay(100).slideDown();
}, function() {
  $(this).find('.dropdown-menu').first().stop(true, true).delay(100).slideUp('fast')
});

---

这很好，但是我在移动版本中遇到了一个问题，甚至在移动菜单中，当我将鼠标悬停在菜单项上时，它会自动折叠。我想不出如何解决这个问题，如果有人能帮我解决这个问题，我将不胜感激。

hover在触摸屏设备中不起作用。当你的手指触摸屏幕时，它是一个触摸/点击事件。你可以通过纯CSS使用动画延迟来实现同样的效果。我会放弃JS代码。