javascript – jQuery .tap事件无法正常工作

我无法弄清楚为什么jQuery tap事件在测试时甚至没有响应.我发出了警报,我根本没有弹出它.我的代码看起来像这样：

var calendarOpen = false;

$('.calendar').on("tap",function () {
alert('1'); 
    if (calendarOpen == false) {
        $('.login-body').animate({left: '90%'},300);
        $('.calendar-body').animate({right: '10%'},300);
        calendarOpen = true;
    } else {
        $('.login-body').animate({left: '0px'},300);
        $('.calendar-body').animate({right: '50%'},300);
        calendarOpen = false;
    }
});

我附上了脚本和CSS页面,我检查过任何拼写错误.我复制了jQuery文档,但我仍然遇到问题.谢谢您的帮助.

这些是我包含的脚本,上面提供的代码在main.js下.