jquery - Bootstrap 移动版自动下拉

Question

我正在开发一个基于 bootstrap 3 的网站，我使用这个 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')
});

这工作正常，但我在移动版本中遇到问题，即使在移动菜单中，当我将鼠标悬停在菜单项上时它也会自动折叠。我不知道如何解决这个问题，如果有人可以帮助我解决这个问题，我将不胜感激。