Javascript 使用hammer.js，基本触摸手势不起作用

我刚刚开始学习javascript，以便实现触摸手势，我正在使用hammer.js库，但即使是一段简单的代码似乎也不起作用，有人知道我是否遗漏了一些明显的东西吗

我正确地包含了hammer.js（通过在浏览器中输入路径对其进行了测试） 我已经在头上写下了这个代码

<script type="text/javascript">
    var element = document.getElementById('tapdiv');
    var hammertime = Hammer(element).on("tap", function(event) {
    alert('hello!');
    });
</script>

var元素=document.getElementById（'tapdiv'）；
var hammertime=Hammer（元素）.on（“点击”），函数（事件）{
警惕（“你好！”）；
});

还有我的html

<div id="tapdiv">
 <img src="files/tabdiv.jpg" />
</div>

编辑：我还在hammer.js的控制台中收到此错误

TypeError:el为空[在此错误上中断]

如果（！css|u props | |！el.style）{

---

您的javascript似乎正试图访问DOM中尚不存在的对象——请确保在DOM就绪后执行javascript：

<script type="text/javascript">
window.addEventListener('load', function() { 
    var element = document.getElementById('tapdiv');
    var hammertime = Hammer(element).on("tap", function(event) {
        alert('hello!');
    })

}, false);
</script>

addEventListener（'load'，function（）{
var元素=document.getElementById（'tapdiv'）；
var hammertime=Hammer（元素）.on（“点击”），函数（事件）{
警惕（“你好！”）；
})
}，假）；