停止触摸设备解释：悬停？

Question

我有一个在悬停时打开的导航。

我希望通过触控设备完成这项工作。

SASS：

.menu{
    &:hover, .hover{
         top: 300px;
    }
}

JQUERY：

$('.menu').on('touchstart', function(e) {
        e.preventDefault();
        if ($(this).hasClass('hover')) {
            $(this).removeClass('hover');
        } else {
            $(this).addClass('hover');
            $('.menu').not(this).removeClass('hover');
        }
    });

因此，上面应该在触摸时将菜单类中的悬停类添加到菜单类中，并删除所有其他悬停类。如果它确实有悬停类，我希望将其删除。

除了悬停类（如果它已经有悬停类）时，代码可以解决。

我怀疑这是由于手机解释了：悬停。

如何防止触控设备解释：悬停？

我没有使用jquery mobile。