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

Question

我刚刚开始学习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>

和我的HTML ...

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

编辑:IM也在console.js的控制台中收到此错误...

TypeError:el为null [在此错误时出现错误]

if(!css_props ||!el.style){

Answer 1

您的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>