带Hammer.js的JQUERY在水龙头1、2或3上无法正常运行

Question

我成功地使用了Hammer.js来检测触摸并在我正在构建的网站上的其他地方进行操作，但是我无法使这个简单的打开/关闭例程正常工作。问题是，当我先按CTRL + F5刷新屏幕，然后使用开发人员模式单击菜单图标并触摸仿真时，它什么也没做。然后，如果我再次单击它，则部分起作用，而部分无效。长话短说，在我单击图标4到5次后，它终于开始正常工作。如果您有任何建议，我将不胜感激。

我曾尝试复制其他成功的代码并插入id和class，但无济于事。

使用Hammer.js进行JQUERY：

// Open menu
function openSideMenu(){
    $("#slide").addClass("menu-open");
}
// Close menu
function closeSideMenu(){
    // close mobile menu
    $("#slide").removeClass("menu-open");
}       
// Open/close menu
$(function(){
    Hammer($("#side-menu-touchscreen-control")[0]).on("tap",function(){           
        if($("#slide").hasClass("menu-open")){
            closeSideMenu();
        }else{
            openSideMenu();
        }
    });
});

当单击图标时，菜单应打开，而再次单击图标时，菜单应隐藏。