2

タッチジェスチャを実装できるように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>

EDIT：IMはhammer.jsのコンソールでもこの​​エラーを受け取ります...

TypeError: el is null [このエラーで中断]

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

4

1 に答える 1

8

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>
于 2013-03-01T17:00:31.270 に答える