Javascript 动态添加HTML上的Hammer.js事件

我有这个HTML结构：

<div id="snaps">
    <div class="snap_item">
        <div class="snap_item_following_info">
            <img class="snap_item_following_img" src="res/stat/img/user/profile/small/1.fw.png" alt="@JohnDoe" />
            <a class="snap_item_following_name" href="#">@JohnDoe</a>
        </div>
        <img class="snap_img" src="res/stat/img/user/snap/43/2.fw.png" alt="@ErolSimsir" />
        <div class="like_heart"></div>
        <div class="snap_info">
            <div class="snap_text">
                Image caption
                    <a class="snap_text_hashtah" href="@">#LA_city_trip</a>
            </div>
            <div class="snap_sub_info">
                <span class="snap_time">56 minutes ago</span>
                <div class="like inactive_like">
                    <div class="like_icon"></div>
                    <div class="like_no_active">5477</div>
                </div>
            </div>
        </div>
    </div>
</div>

这根本不起作用。on（）函数应该允许我在动态添加的HTML上触发事件，但这段代码不起作用。我有这个密码

我已经包括了hammer.js、jquery\u hammer\u plugin.js和query.specialvent.hammer.js。因此，所有必要的JS文件都包含在内，但仍然没有运气

---

如何使其工作？

好的，因此我使用以下代码解决了这个问题：

$('#snaps').hammer({domEvents:true}).on("doubletap", ".snap_img", function() {
    alert("doubletap!"); 
});

所以，无论谁在动态添加的HTML上触发锤击事件时遇到问题，这就是解决方案

---

感谢所有（试图）帮忙的人！：）

我在编写此代码后出错

uncaughttypeerror:$（…）。hammer也不是一个函数。不是一个函数。
$('#snaps').find('.snap_item').hammer().on({
     doubletap : function(event){
        alert("doubletap!");
     }
});

$('#snaps').hammer({domEvents:true}).on("doubletap", ".snap_img", function() {
    alert("doubletap!"); 
});